TypeError document.getElementById(...) is null错误原因
时间:2021-07-03 08:25:25|栏目:JavaScript代码|点击: 次
今天手写了一个简单的页面做测试用,写完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的细节问题,记录一笔,以备后忘。
上一篇:前后端常见的几种鉴权方式(小结)
栏 目:JavaScript代码
本文标题:TypeError document.getElementById(...) is null错误原因
本文地址:http://www.codeinn.net/misctech/151667.html






