更改多幅图像的图像源

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()返回元素的getElementsByClassName()，该元素没有应用属性的方法。您需要遍历集合，并将所需的属性应用于其每个项目。类似于：

collection