Измените изображение sr c для нескольких изображений

Question

Вот мой HTML:

Вот мой 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");
});