TypeError document.getElementById(...) is null错误原因
更新时间：2015年05月18日 10:31:23 投稿：junjie
这篇文章主要介绍了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的细节问题，记录一笔，以备后忘。
相关文章
我们经常使用 window.onload 来处理页面，当页面加载完成做一些事情。但这个 window.onload 是页面全部加载完成，甚至包括图片,下面我们就来详细探讨下window.onload的用法2015-09-09
这篇文章主要介绍了详解webpack import()动态加载模块踩坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
JavaScript事件驱动2008-08-08
这篇文章主要介绍了JS 连接MQTT的使用方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
这篇文章主要介绍了JS控制网页动态生成任意行列数表格的方法,实例分析了javascript操作表格节点控制dom元素添加的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了如何简单实现js进度条加载效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
js导出table到excel，在百度可以搜索很多的方法，但是其兼容性是相当差的，本文制定了一个可以同时兼容FF和IE的方法，感兴趣的朋友可以参考下2013-09-09
这篇文章主要给大家介绍了关于如何将HTML字符转换为DOM节点并动态添加到文档中的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起看看吧2018-08-08
上传文件时,选择了文件后想清空文件路径，经搜索发现个不错的方法在此与大家分享下，感兴趣的朋友不要错过2013-10-10
这篇文章主要为大家详细介绍了JavaScript动态加载CSS和JS文件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
最新评论