信息发布→ 登录 注册 退出

TypeError document.getElementById(...) is null错误原因

发布时间:2026-01-11

点击量:

今天手写了一个简单的页面做测试用,写完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的细节问题,记录一笔,以备后忘。

标签:# 写了  # jquery  # getElementById  # document  # 网上  # 加载  # 则要  # 几遍  # 以备  # 写完  # 完后  # TypeError  # 互联  # 才发现  # 没办法  # 找不到  # 看了  # 就在  # 是在  # 写在  # 会报  # document.getElementById  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!