更改多个图像的图像src

Question

这是我的HTML:

<img class="image" src="" />
<img class="image" src="" />
<img class="image" src="" />
<button onclick="changeImages()">Change the images</button>

这是我的JavaScript:

function changeImages() {
document.getElementsByClassName("image").setAttribute("src", "images/image.png");
}

我如何制作我的代码，这样当我点击按钮时，所有的图像都会改变？

感谢

Answer 1

getElementsByClassName()返回元素的collection，该元素没有应用属性的方法。您需要遍历集合，并将所需的属性应用于它的每个项。类似于：

document.getElementsByClassName("image").forEach(function(image) {
image.setAttribute("src", "images/image.png");
});