通过javascript查找元素时出错

Question

除非我在javascript之前写<div id="bannersize"></div>，否则此脚本找不到“bannersize”。

错误消息：

  

错误“未捕获的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”的元素。

将代码放在元素后面，或者在文档的“load”事件处理程序中运行它。