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 相关文章推荐
Prototype 学习 Prototype对象
Jul 12 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
JQuery AJAX提交中文乱码的解决方案
Jul 02 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
JavaScript获取Url里的参数
Dec 18 Javascript
TypeScript 中接口详解
Jun 19 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
详解JavaScript树结构
Jan 09 Javascript
原生JavaScript实现Tooltip浮动提示框特效
Mar 07 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
axios实现简单文件上传功能
Sep 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+JS+rsa数据加密传输实现代码
2011/03/23 PHP
php从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
flash 得到自身url参数的代码
2009/11/15 Javascript
jquery 简单的进度条实现代码
2010/03/11 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
js给selected添加options的方法
2015/05/06 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
2016/10/21 Javascript
JavaScript实现格式化字符串函数String.format
2016/12/16 Javascript
JavaScript代码执行的先后顺序问题
2017/10/29 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
2019/01/20 Javascript
实例分析编写vue组件方法
2019/02/12 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
[01:31]完美与DOTA2历程
2014/07/31 DOTA
Python实现简单文本字符串处理的方法
2018/01/22 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python实现简单俄罗斯方块
2020/03/13 Python
python def 定义函数,调用函数方式
2020/06/02 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
英国门把手公司:Door Handle Company
2019/05/12 全球购物
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
科颜氏香港官方网店:Kiehl’s香港
2021/03/07 全球购物
大学生毕业自荐信
2013/10/10 职场文书
自荐书4要点
2014/01/25 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
Go各时间字符串使用解析
2021/04/02 Golang