我在浏览器上有一组小尺寸的图像。我想要做的是当我点击图像时,点击的图像的更大格式将显示在上面的div中。这是javascript代码。下面的代码显示了一个空图像。我该如何解决?我不希望jquery这样做。
//for images
var largeImageViewer = document.getElementById('large-image-viewer');
var smallImages = document.querySelectorAll('.small-images');
for(i = 0; i < smallImages.length; i++){
smallImages[i].addEventListener('click', function(event){
if (event) {
var img = document.createElement("img");
img.style.width = 500 + "px";
img.style.height = 500 + "px";
img.src = smallImages.src;
largeImageViewer.appendChild(img);
};
});
}
答案 0 :(得分:0)
在事件处理程序中,当前元素可以通过&#39;这个&#39;关键字。
img.src = this.src;