javascript缩略图库点击放大使用addEventListener，remove / appendChild

Question

我想将addEventListener用于缩略图，因此通过一次单击它们，它们会在单独的div中显示为大尺寸图像（图像大小调整与我的问题无关，因此此处未显示）。我不能在这里查明我的问题。

var imgs = document.getElementById("thumbnails").getElementsByTagName("img");
var mainpic = document.getElementById("mainpic");
for (var x in imgs) {
	imgs[x].addEventListener('click', function(){
		mainpic.innerHTML = '';
		var dupenode = imgs[x].cloneNode();
		mainpic.appendChild(dupenode);
	}, false);
};

<div id="thumbnails">
    <img src="im1.jpg" />
    <img src="im2.jpg" />
    <img src="im3.jpg" />
</div>

<div id="mainpic">
</div>