本文探讨了在JavaScript中遇到'Uncaught TypeError: Cannot set property 'innerHTML' of null'错误的原因。该错误通常发生在尝试访问尚未加载到DOM中的元素时。浏览器自顶向下加载HTML，如果脚本在元素之前运行，就会导致此错误。解决方案包括将脚本放在底部或使用window.onload事件。此外，通过按钮的onclick事件触发脚本也能避免此类错误。
在w3school自学JavaScript时，发现一个很有意思的问题。首先看下面代码：
<!DOCTYPE html>
<html>
<body>
<h2>Body中的JavaScript</h2>
<script>
myFunction();
function myFunction() {
document.getElementById("demo").innerHTML ="hello";
}
</script>
<p id="demo"> </p>
</body>
</html>
出现错误Uncaught TypeError: Cannot set property 'innerHTML' of null，执行getElementById.innerHTML时找不到demo的内容。产生这个问题的原因是在执行myFunction()方法时，找不到demo这个元素，所以将<p>放在<script>标签上面就不会报错了。代码如下：
<p id="demo"> </p>
<script>
myFunction();
function myFunction() 
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
