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的细节问题，记录一笔，以备后忘。
相关文章
bootstrapValidator.min.js表单验证插件
这篇文章主要为大家详细介绍了bootstrapValidator.min.js表单验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。2009-05-05
这篇文章主要介绍了微信小程序如何调用新闻接口实现列表循环,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
判断当前使用的是那个浏览器及浏览器的那个版本，根据浏览器版本来调整CSS的样式，下面是获取当前浏览器的代码,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了一次让你了解全部JavaScript的作用域,作用域决定了变量的生命周期和可见性，变量在作用域范围之外是不可见的。,需要的朋友可以参考下2019-06-06
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。2009-05-05
在前端开发中，我们经常需要在不同的组件或类之间共享功能代码，Mixin提供了一种非常灵活的方式，可以让我们在不破坏继承关系的前提下，将功能代码复用到多个对象中，文章通过代码示例介绍mixin提升代码复用性的方法和好处,需要的朋友可以参考下2023-06-06
最近一直在写html，刚接触到，感觉挺复杂的。。比如传参，在.net里可以直接用Request接受，而在html中还要经过处理，找了一些资料，写了个方法。2010-06-06
通过本文带领大家一起重新理解JavaScript的六种继承方式,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
现在纯粹用js的人越来越少了，更多的人喜欢jquery，可使我还是喜欢javascript，下面给出一个用javascript写的背景切换的小例子，各位大虾不要骂，只是写给自己看的，也供js事件的产考依据。2010-11-11
最新评论