TypeError document.getElementById(...) is null错误原因
编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门
这篇文章主要介绍了TypeError document.getElementById(...) is null错误原因,这是很容易犯的一个低级错误,需要的朋友可以参考下
今天手写了一个简单的页面做测试用，写完js部分总是报 TypeError document.getElementById(...) is null 这个错误，代码看了几遍，语法上没找着什么错误，没办法，就在互联网上搜索了一下，才发现 document.getElementById 这个根据id找节点的语法写法还是有点讲究的，具体如下：
（1）如果写在 id 所在节点的前面，比如 head 块中，则要如下写法：
代码如下:
window.onload=function(){
......js代码
}
以上代码的意思是在html元素加载完后再运行js
（2）写在 id 所在节点的后面，不然就会报 TypeError: document.getElementById(...) is null 这种找不到节点的错误。
jquery代码写多了就容易忽视一些js的细节问题，记录一笔，以备后忘。