измените значение атрибута src для всего изображения

#javascript #html

Вопрос:

в html я меняю img тег src с помощью javascript. но это меняет только первое, что мне нужно, чтобы изменить все img src . Как я могу это изменить?

HTML

 <img src="compman01.gif" width="107" height="98">
<img src="compman02.gif" width="107" height="98">
<img src="compman03.gif" width="107" height="98">
<img src="compman04.gif" width="107" height="98">
<img src="compman05.gif" width="107" height="98">
 

язык JavaScript

 document.getElementsByTagName("img")[0].src = "hackanm.gif";
 

Ответ №1:

 document.querySelectorAll('img').forEach((img) => {
  img.setAttribute('src', "hackanm.gif");
})
 

Ответ №2:

document.getElementsByTagName("img") вернет массив, подобный объекту, который вы можете просмотреть.

 let images = document.getElementsByTagName("img");
for(let i = 0; i < images.length; i  ) {
    images[i].src = "hackanm.gif";
}
 

Ответ №3:

 document.getElementsByTagName("img").forEach((imgElement) =>{
  imgElement.src = "hackanm.gif";
  
});