При переносе скрипта из .html файла в .js он перестает работать. Почему?

Question

[cryingloli]

var messageInputId1;
messageInputId1 = document.getElementById('inputId1');

В самом файле .html все работает как надо, а при переносе в .js переменным ничего не присваивается и они null

Возможно я плохо искал но нигде не смог найти решение данной проблемы

Answer 1

[alexalexes]

DOM еще не доступен, когда скрипт пытается работать с его элементами.
Два пути решения:
а) Перенести подключение js файла после тега body.
б) Изменить работу скрипта так, чтобы работа с DOM началась после загрузки DOM-дерева.

Comments

[cryingloli]

Спасибо большое)