ramil_bayramov
@ramil_bayramov
Beginner programmer of HTML,CSS,JS

Почему length массива показывает 0 если в body их 5?

<!DOCTYPE html>
  <html>
  <head>
      <title></title>
      <script>
          let liAll = document.querySelectorAll(`li`);

          let imgAll = document.getElementsByTagName('img');


          class Bio {
           constructor (name, lastName, subject, hobby, mark) {
               this.name = name,
               this.lastName = lastName,
               this.subject = subject,
               this.hobby = hobby,
               this.mark = mark
              }
          }

          let arrOfImg = ["imgs/one.jpg", "imgs/two.jpg", "imgs/thee.jpg", "imgs/four.jpg", "imgs/five.jpg"];


          alert(imgAll.length);

      </script>
      <style>
          div {
              display: flex;
              justify-content: space-between;
          }
          img {
              width: 200px;
              height: 200px;
          }

          .card {
              width: 198px;
              height: 148px;
              display: block;
              background: white;
              box-shadow: 1px 1px 10px 0px grey;
              display: flex;
              justify-content: normal;
              display: none;
          }

          li {
              width: 110px;
          }

          ul {
              list-style: none;
          }
      </style>
  </head>
  <body>
      <div>
          <img src="imgs/one.jpg" />
          <img src="imgs/two.jpg" />
          <img src="imgs/thee.jpg" />
          <img src="imgs/four.jpg" />
          <img src="imgs/five.jpg" />
      </div>

      
      <div class="card">
          <div>
              <img src="imgs/one.jpg" alt="Alternate Text" />
          </div>
          <ul>
              <li>name - Klara</li>
              <li>last name - Gerada</li>
              <li>subject - Medicine</li>
              <li>hobby - learning</li>
              <li>mark - 8.1 / 10</li>
          </ul>
      </div>
  </body>
  </html>


5fb152c8664ef370894367.png
  • Вопрос задан
  • 57 просмотров
Решения вопроса 2
@Gary_Ihar
JS *овнокодер
Оберни весь код в теге script в функцию
document.addEventListener("DOMContentLoaded", function () {
// Твой код 
})
Ответ написан
NAHB
@NAHB
Потому что метод document.getElementsByTagName ничего не нашёл. Нельзя получить доступ к элементу, которого ещё не существует в момент выполнения скрипта.

5fb156538fe1a664658395.png
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
01 дек. 2020, в 12:02
25000 руб./за проект
01 дек. 2020, в 11:57
1200 руб./в час