работа с html и javascript и изменение свойств документа html, но это не работает в моем случае?

Question

здесь я пытаюсь изменить свойство источника изображения с помощью javascript, но в моем случае это не работает, как я могу изменить это. Некоторые предлагают мне изменить код.

это файл CSS для форматирования кода HTML. здесь я использую оба логотипа из inte rnet. также меняется фон и фон изменяется, но изображение не изменяется.

      function hello() {
        console.log(document.getElementsByTagName("img").src);
        document.getElementsByTagName("img").src =
          "https://www.facebook.com/images/fb_icon_325x325.png";
        document.body.style.background = "red";
      }

h2 {
  text-align: center;
}
body {
  margin: auto;
  padding: 5px;
}
#maincontent {
  text-align: center;
}
.btn {
  text-align: center;
}

Answer 1

Вместо этого получите идентификатор элемента. document.getElementById("hero").src = "https://www.facebook.com/images/fb_icon_325x325.png"; Таким образом, вы указываете c, в каком элементе вы пытаетесь получить. Поскольку вы используете тег, вам нужно указать, какой дочерний элемент тега вы получаете. может использовать document.getElementsByTagName("img").item(0); или document.getElementsByTagName("img")[0] или быть более точным c и получить его по его идентификатору.

* [0] - это первое вхождение тега на странице, числовые приращения элементов в коде начать с 0, если их было два, ключ будет [1].

h2 {
  text-align: center;
}
body {
  margin: auto;
  padding: 5px;
}
#maincontent {
  text-align: center;
}
.btn {
  text-align: center;
}

Answer 2

Ошибка состояла в том, что getelementsbyTagName возвращает список HTMLCollection , который является массивоподобным объектом.

Таким образом, если вы хотите получить доступ к элементу, вы должны использовать стиль arr[0].

function hello() {
        console.log(document.getElementsByTagName("img")[0].src);
        document.getElementsByTagName("img")[0].src =
          "https://www.facebook.com/images/fb_icon_325x325.png";
        document.body.style.background = "red";
      }

Код

      h2 {
        text-align: center;
      }
      body {
        margin: auto;
        padding: 5px;
      }
      #maincontent {
        text-align: center;
      }
      .btn {
        text-align: center;
      }