javascript - JavaScript で要素を検索する際のエラー

Question

<div id="bannersize"></div>このスクリプトは、javascript の前に記述しない限り、「bannersize」を見つけることができません。

エラーメッセージ:

エラー "Uncaught TypeError: プロパティ 'innerHTML' を 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」を持つ要素にまだ遭遇していません。

要素の後にコードを配置するか、ドキュメントの「ロード」イベント ハンドラーで実行します。