Почему не инициализируется переменная JS?

Question

[Андрей Смирнов]

При создании переменной (var qwerty = document.getElementById("hello");) и последующей попытке привязке события ((qwerty.onclick = function() { }) возникает ошибка

Uncaught TypeError: Cannot set property 'onclick' of null

Т.е., в переменной хранится null

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

Что не так?

P.S. В данном примере элемент с ID "hello" один - <button id="hello">lorem impsum</button>

Comments

[Lynn «Кофеман»]

Прямо классическая ошибка. Ваш код выполняется до того, как в DOM появляется кнопка.

Answer 1

[twolegs]

Скорее всего скрипт выполняется до инициализации элементов на странице.
Проверьте порядок элементов на странице, скрипт должен быть в конце.

Answer 2

[historydev]

Перенесите скрипт вниз страницы, либо оберните в событие onload