자바 스크립트로 요소를 찾을 때 오류가 발생했습니다

Question

자바 스크립트 앞에 <div id="bannersize"></div>을 쓰지 않으면이 스크립트에서 "bannersize"를 찾을 수 없습니다.

오류 메시지 :

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"이벤트 처리기에서 실행하십시오.