Проблема с DOM. НЕ могу получить элемент

Question

Народ, подскажите, где я косячу. Ни чего не происходит

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script src="lib/script.js"></script>
  </head>
  <body>
    <div>Пользователи:</div>
    <ul>
      <li>Джон</li>
      <li>Пит</li>
    </ul>
  </body>
</html>

А это скрипт

alert(document.body.div);

Answer 1

Как вы можете видеть, у элемента body нет свойства div. Не все потомки элемента можно получить через свойства, это скорее исключение. Но можно работать с методом .querySelector():

alert(document.body.querySelector('div').innerText);

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <script src="lib/script.js"></script>
  </head>
  <body>
    <div>Пользователи:</div>
    <ul>
      <li>Джон</li>
      <li>Пит</li>
    </ul>
  </body>
</html>

БЛОГ НА HUSL

Проблема с DOM. НЕ могу получить элемент

Ответы (1 шт):