JS中"Uncaught TypeError: Cannot set property 'innerHTML' of null"错误的处理方法

时间：2021-03-12|栏目：JavaScript|点击：次 |我要投稿

js中"Uncaught TypeError: Cannot set property ‘innerHTML’ of null"错误

这是属于一个常见的错误

<script type="text/javascript">
document.getElementById("timer").innerHTML = "adasd";
</script>
<body>
<p id="timer"></p>
</body>

这种情况时就会报错，这样写默认是从上往下读的在js代码部分那时候还没有p这个标签，因此无法获取该id

有两个解决办法

1.把script放到p标签的下面

如：

<body>
<p id="timer"></p>
<script type="text/javascript">
document.getElementById("timer").innerHTML = "adasd";
</script>
</body>

2.使用window.onload

如：

<script type="text/javascript">
window.onload = function()
{
document.getElementById("timer").innerHTML = "adasd";
}
</script>
<body>
<p id="timer"></p>
</body>

window.onload的作用是把js代码放到最后加载，因此就不用担心上述问题了

(资源库 www.zyku.net)

原文链接：https://blog.csdn.net/qq_44983621/article/details/99862119

JS报错

上一篇：JS 中的||和&&符号

栏目：JavaScript

下一篇：JS字符串中的\n不会换行的解决方法

本文标题：JS中"Uncaught TypeError: Cannot set property 'innerHTML' of null"错误的处理方法

本文地址：https://www.zyku.net/js/2028.html

更多互联网推荐教程

JavaScript

JS中"Uncaught TypeError: Cannot set property 'innerHTML' of null"错误的处理方法

您可能感兴趣的文章

最近更新

阅读排行

猜你喜欢