javascript缩略图库使用addEventListener单击以放大,删除/追加子对象

javascript缩略图库使用addEventListener单击以放大,删除/追加子对象,javascript,html,addeventlistener,appendchild,getelementsbytagname,Javascript,Html,Addeventlistener,Appendchild,Getelementsbytagname,我想对缩略图使用addEventListener,这样,通过一次单击一个,它们将显示在单独的div中,因为大尺寸图像的大小与我的问题无关,因此此处不显示。我不能在这里指出我的问题 var imgs=document.getElementByIdthumbnails.getElementsByTagNameimg; var mainpic=document.getElementByIdmainpic; 对于imgs中的var x{ imgs[x].添加EventListener'click',函

我想对缩略图使用addEventListener,这样,通过一次单击一个,它们将显示在单独的div中,因为大尺寸图像的大小与我的问题无关,因此此处不显示。我不能在这里指出我的问题

var imgs=document.getElementByIdthumbnails.getElementsByTagNameimg; var mainpic=document.getElementByIdmainpic; 对于imgs中的var x{ imgs[x].添加EventListener'click',函数{ mainpic.innerHTML=; var-dupenode=imgs[x]。克隆节点; 二肽; },假; };
您需要替换imgs[x]。克隆节点;与此。克隆节点;这解决了问题,谢谢!!这些图像无法通过键盘访问,您无法对焦并用键盘单击它们。最好将s包装为s,并将单击事件侦听器添加到按钮中。我做到了,谢谢你的建议。将IMG与cloneNodetrue一起带到按钮中。