javascript - 通过javascript查找元素时出错

Question

此脚本无法找到“bannersize”，除非我写 <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>，脚本 block 就会被执行。结束标签。您的代码位于该元素之前，因此当它运行时，HTML 解析器还不会遇到具有您要查找的“id”的元素。

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