Задать вопрос
@andrei2019
javascript

Почему не работает простейшая функция?

Не работает document.querySelector.
Например:

<HTML>
<body>
 <script>
  test = document.querySelector('#text');
 alert(test);
  </script>
          <p id="text">testing</p>
</body>
</html>


Во всех браузерах печатает Null.

Но вот здесь работает: jsfiddle

В чем у меня проблема?
  • Вопрос задан
  • 122 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
У вас элемент text во время выполнения скрипта еще не существует.
А в jsfiddle работает по той причине, что скрипты там выполняются в событии window onload, когда уже весь html готов.
Переместите скрипт вниз либо вызывайте по событию DOMContentLoaded
<HTML>
<body>
 <script>
 function onload() {
     test = document.querySelector('#text');
     alert(test);
  }
 
document.addEventListener("DOMContentLoaded", onload);
  </script>
          <p id="text">testing</p>
</body>
</html>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Монтаж видео в свободной форме
27 апр. 2024, в 11:35
500 руб./за проект
Разработка модуля(плагина) на WordPress - подписки и оплата через TG
27 апр. 2024, в 11:22
10000 руб./за проект
Разработать дизайн игры (VR)
27 апр. 2024, в 10:46
1000 руб./в час
Ещё заказы