更改多个图像的图像 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() returns a collection 个没有应用属性方法的元素。您需要遍历集合并将您想要的属性应用于它的每个项目。类似于：

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

Change the image src for multipe images