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 相关文章推荐
document.all与WEB标准
May 13 Javascript
自制基于jQuery的智能提示插件一枚
Feb 18 Javascript
IE下使用cloneNode注意事项分享
Nov 22 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
Oct 21 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
微信小程序 wxapp内容组件 progress详细介绍
Oct 31 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
JavaScript中click和onclick本质区别与用法分析
Jun 07 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
基于mysql的论坛(6)
2006/10/09 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
简单时间提示DEMO从0开始一直进行计时
2013/11/19 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
JS实现鼠标框选效果完整实例
2016/06/20 Javascript
jQuery实现对无序列表的排序功能(附demo源码下载)
2016/06/25 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
2019/07/04 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
Python队列的定义与使用方法示例
2017/06/24 Python
python3 读取Excel表格中的数据
2018/10/16 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
python爬虫-模拟微博登录功能
2019/09/12 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
python输入中文的实例方法
2020/09/14 Python
html5触摸事件判断滑动方向的实现
2018/06/05 HTML / CSS
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
大一自我鉴定范文
2013/10/04 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
应急处置方案
2014/06/16 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
2015年个人思想总结
2015/03/09 职场文书
员工自我评价范文
2015/03/11 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
漫画「你在春天醒来」第10卷封面公开
2022/03/21 日漫