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


Posted in Javascript onMay 18, 2015

今天手写了一个简单的页面做测试用,写完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 相关文章推荐
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
jquery使用jquery.zclip插件复制对象的实例教程
Dec 04 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
JQuery实现带排序功能的权限选择实例
May 18 #Javascript
JQuery中clone方法复制节点
May 18 #Javascript
分享十五款 jQuery 社交网络分享插件
May 16 #Javascript
JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例
May 16 #Javascript
js实现精美的图片跟随鼠标效果实例
May 16 #Javascript
js实现精美的银灰色竖排折叠菜单
May 16 #Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 #Javascript
You might like
PHP的宝库目录--PEAR
2006/10/09 PHP
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
form自动提交实例讲解
2017/07/10 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
python中使用序列的方法
2015/08/03 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
销售竞赛活动方案
2014/08/23 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
鸦片战争观后感
2015/06/09 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android
各种货币符号快捷输入
2022/02/17 杂记
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技