Один файл js не видит действия другого [закрыт]

183

06 сентября 2019, 17:40

Есть два файла *.js , в первом создание дива. Во втором пытаюсь привязать к этому событие onclick, но выводит Uncaught TypeError: Cannot set property 'onclick' of null. Сделать все в одном файле не получится.
Первый файл успел исполниться , так-как в html этот див отобразился.
Код первого файла:
document.getElementsByTagName("body")[0].innerHTML = "<div id = 'class'></div>"
Код второго файла:
document.getElementById("class").onclick = function(event){}
Скрипты без async/defer

Answer 1

Не нужны мне никакие тэги.

"Я все вспомнил. Это ардабиола." Е.Евтушенко

В Ваших тэгах есть атрибуты async/defer, или Вы создаете их в коде. В этом случае порядок загрузки скриптов не гарантирован.

Answer 2

Из-за window.onload первый файл, который должен создавать поле, выполнялся после загрузки всего документа. А так-как второй файл выполнялся сразу как только браузер его находил то он не мог прицепить событие onclick к полю, которое на этот момент еще не создано первым файлом.