Ошибка при поиске элемента по javascript

Question

Этот сценарий не может найти «баннер», если я не напишу <div id="bannersize"></div> перед javascript.

Сообщение об ошибке:

Error "Uncaught TypeError: Cannot set property 'innerHTML' of null"

Мой фрагмент кода:

<script> 
function dropbox(menu){ 
    this.tmpmenu = document.getElementById(menu); 
    this.tmpmenu.innerHTML = 'Hello'+this.tmpmenu; 
} 
bannersize = new dropbox('bannersize'); 
</script> 
<div id="bannersize"></div> 

Answer 1

Он не может найти его, потому что в то время, когда код выполняется элемент не в DOM. Блоки скриптов выполняются, как только браузер видит закрывающий тег </script>. Ваш код перед элементом, поэтому при запуске анализатор HTML еще не столкнулся с элементом с «id», который вы ищете.

Введите код после элемента или запустите его в обработчике событий «load» для документа.