Javascript 如何使用类触发器循环遍历图像

如何使用调用触发器循环浏览所有图像，当我单击图像时，模式弹出窗口应显示我的文本和图像

var modal=document.querySelector（“.modal”）；
var trigger=document.querySelector（“.trigger”）；
var closeButton=document.querySelector（“关闭按钮”）；
函数toggleModal（）{
modal.classList.toggle（“显示模态”）；
}
函数windowOnClick（事件）{
如果（event.target==模态）{
切换模式（）；
}
}
trigger.addEventListener（“单击”，切换模式）；
closeButton.addEventListener（“单击”，切换模式）；
window.addEventListener（“单击”，windowOnClick）；
}

---

根据您提供的内容，有一些小问题甚至会阻止它运行，因此我不得不在开始之前对代码进行一些小更改。一个是放置在脚本末尾的
}
。
另一个是
，如果您想向每个图像添加事件，可以使用如下Javascript：

var images = document.querySelectorAll("img")

for( var i = 0 ; i < images.length ; i++ ) {
    images[i].addEventListener("click" someFunction)
}

var images=document.querySelectorAll（“img”）
对于（var i=0；i

这样，当单击任何图像时，它都会调用
someFunction
函数
是否希望弹出模式连续显示图像？我建议使用
id
，因为您使用的是
querySelector
，它只返回第一个元素，我们能看到的只有一个元素包含模态、模态内容、模态图像、模态文本和触发器类。感谢您回复我，请您使用IDS将代码发送给我。这仅在我单击第一个图像时有效，如果我单击第二个图像，则什么都不会发生。这仅在我单击第一个图像时有效，如果我点击第二张图片，什么也不会发生
<div class="modal-content"> 
  <img class="modalimages" src="Images/HairStyling.jpg"> 
</div>

var images = document.querySelectorAll("img")

for( var i = 0 ; i < images.length ; i++ ) {
    images[i].addEventListener("click" someFunction)
}