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的细节问题，记录一笔，以备后忘。
相关文章
常用参考资料（手册）下载或者链接...2006-07-07
JavaScript页面模板库handlebars的简单用法
本文主要是给大家分享的一个javascript页面模板库Handlebars的简单用法，可以帮助大家轻松的构建语义化模板，非常的实用，推荐给大家。2015-03-03
这篇文章主要介绍了Rxjs TakeUntil操作符内容梳理总结，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-06-06
这篇文章主要介绍通过js如何控制当再次点击按钮是的间隔时间,需要的朋友可以参考下2014-06-06
鉴于网上找到的几个日期选择程序有些问题，遂着手重写一个程序，添加了时间选择功能，截图及源码如下，有需要的朋友可以参考下2013-08-08
我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权,需要的朋友可以参考下2019-07-07
饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,这篇文章主要给大家介绍了关于Echarts饼图样式之添加内圈阴影达到立体效果的相关资料,文中还介绍了echarts饼图外部阴影设置的方法,需要的朋友可以参考下2024-02-02
JavaScript+Canvas创建一个独特的字符画生成器
这篇文章主要介绍了如何使用 Canvas 和 JavaScript 创建一个独特的字符画生成器,通过此生成器,我们可以将图片转换为由字符构成的作品,感兴趣的可以了解下2024-01-01
在IE中调用javascript打开Excel的代码(downmoon原作)
在IE中调用javascript打开Excel的代码(downmoon原作)...2007-04-04
这篇文章主要介绍了原生JavaScript写出Tabs标签页的实例代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
最新评论