Javascript模式打开页面上的每个图像，但我不'；我不想这样

好的，我有这个脚本：

<script>
var modal = document.getElementById('myModal');

var span = document.getElementsByClassName("close")[0];

span.onclick = function() { 
    modal.style.display = "none";
}

var images = document.getElementsByTagName('img');
var modalImg = document.getElementById("img01");
var captionText = document.getElementById("caption");
var i;
for (i = 0; i < images.length; i++) {
   images[i].onclick = function(){
       modal.style.display = "block";
       modalImg.src = this.src;
       modalImg.alt = this.alt;
       captionText.innerHTML = this.nextElementSibling.innerHTML;
   }
}
</script>

var modal=document.getElementById（'myModal'）；
var span=document.getElementsByClassName（“关闭”）[0]；
span.onclick=function（）{
modal.style.display=“无”；
}
var images=document.getElementsByTagName（'img'）；
var modalImg=document.getElementById（“img01”）；
var captionText=document.getElementById（“caption”）；
var i；
对于（i=0；i

---

我是Javascript新手，我正在尝试做的是创建一个图库，我确实做了，但是现在模式应用于我在该页面上的每个图像。模态应该在单击时放大图像。

使用类名缩小选择范围。如何将这些图像与其他图像区分开来

getElementsByTagName（'img'）

将为您提供文档中的所有图像。您可以使用。每个人都说的是1）向您的图库添加

class=“gallery item”

元素，以及2）更改

var images=document.getElementsByTagName（'img'）

to

var images=document.getElementsByClassName（'gallery-item'）我已经做过了。它可以工作，但是当我单击图像时，图像没有显示。它以缩略图的形式显示图像，当我单击它时，它会打开模式和图像的边框，但不会打开实际图像。