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

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

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

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


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

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

В чем у меня проблема?
  • Вопрос задан
  • 124 просмотра
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разобраться со скриптом на питоне
25 нояб. 2024, в 20:38
500 руб./за проект
Запустить сервер на питон
25 нояб. 2024, в 20:37
1000 руб./за проект
Юзабилити-аудит, комплексная проверка веб приложения
25 нояб. 2024, в 20:10
5000 руб./за проект
Ещё заказы