对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解

最新推荐文章于 2023-05-08 20:39:03 发布

VIP文章 Sam_9527

最新推荐文章于 2023-05-08 20:39:03 发布

阅读量1.8k

点赞数 1

分类专栏： js 文章标签： javascript js

本文链接：https://blog.csdn.net/Dr_free/article/details/108501024

版权

在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() {
    document.getElementB

最低0.47元/天解锁文章

Sam_9527

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
对于Uncaught TypeError: Cannot set property ‘innerHTML‘ of null 的理解

在w3school自学JavaScript时，发现一个很有意思的问题。首先看下面代码：<!DOCTYPE html><html><body><h2>Body中的JavaScript</h2><script>myFunction();function myFunction() { document.getElementById("demo").innerHTML ="hello";}</script
复制链接

扫一扫