Откуда ошибка Uncaught TypeError: Cannot read property 'addEventListener' of null?

Question

[del993788]

На codepen.io/dudleystorey/pen/JDphy всё отлично работает. Взял скопировал себе на локальную машины, а мне в ответ ошибка "Uncaught TypeError: Cannot read property 'addEventListener' of null (anonymous function) @ script.js:4
" и перехода нет...

Answer 1

[Игорь Васильев]

$(document).ready(function() {
            setInterval(window.onload = function(){
                   ...тут ваш код
            });
        });

js в конце, перед </body>

Comments

[Karina_F]

сработало, спасибо

Answer 2

[del993788]

Проблему решил перетащив js код из отдельного файла script.js в index.html.... Код засунул в body под ... Бред...

Comments

[REDFOX39]

+++

Answer 3

[Stalker_RED]

Вероятно, код срабатывал до загрузки элемента id="inked-painted".

Comments

[del993788]

А как еще можно сделать задержку кроме, как засунуть скрипт после html кода?

[Stalker_RED]

qqignatqq: использовать событие window.onload или, если есть jQuery $(document).ready()

[Алексей Кос]

Загружать скрипт можно просто в конце html кода. Ведь код выполняется с верху в низ.

[Игорь Васильев]

Stalker_RED, последнее указано в коде javascript - но ошибка не ушла, НО ajax работает
Загадка...
В инспекторе кода проверил, DOM дерево меняется (мерцает), и да, упоминается window.onload
Ну вот, я добавил, чего он просил:

$(document).ready(function() {
            setInterval(window.onload = function(){
                   ...
            });
        });

И консоль сразу заткнулась, гы гы. Может кому поможет моё решение )))
У меня работает, без ошибок, js в конце, перед </body>

Answer 4

[artemiuszzzz]

Видимо у вас JS код находиться либо в теге head, либо в теге body, но перед элементом к которому присвоен JS код. Чтобы такого не было надо ставить JS код в самом конце перед закрывающимся тегом body.