Javascript 单击按钮时显示一系列图像

是否可以使用JavaScript中的数组在每次单击按钮时逐个显示3个图像？ 我有一个数组叫做

var images = ["image1.jpg","image2.jpg","image3.jpg"]

我需要网站加载的方式是第一张图片已经存在。然后，当我点击按钮时，我希望显示下一张图片，但是替换了之前的图片。我想在整个过程中重复这个过程，所以当我点击按钮时，如果显示的图像是image3，那么应该显示image1

我想分享我到目前为止的代码，但是我不知道从哪里开始。我仅有的代码是布局和变量

var images = ["image1.jpg","image2.jpg","image3.jpg"]

---

尝试这样做。使用“document.querySelector”确实可以选择您的按钮。单击按钮后，使用正文中的

forEach

显示图像

var-button=document.querySelector（'#show'）//选择您的按钮
addEventListener（'click'，function（）{//handle click事件
var images=[“image1.jpg”、“image2.jpg”、“image3.jpg”]；//有效图像的数组
image.forEach（函数（图像）{
img=document.createElement（'img'）；//创建一个img元素
img.src=image；//设置img标记的src
document.body.appendChild（img）//追加到body中
});
});

显示图像
纯JS解决方案


var图像=[”http://placehold.it/350x150", "http://placehold.it/250x150", "http://placehold.it/150x150"];
var elem=document.getElementById（'img'）；
var i=0；
window.onload=函数（）{
元素setAttribute（“src”，images[i]）；
}
元素addEventListener（'click'，函数（）{
（i
认为OP希望基于按钮单击切换图像，而不是一次显示所有图像。