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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
Jan 24 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
Apr 29 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
在vue-cli创建的项目中使用sass操作
Aug 10 Javascript
vue实现列表拖拽排序的功能
Nov 02 Javascript
JS 4个超级实用的小技巧 提升开发效率
Oct 05 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
用函数读出数据表内容放入二维数组
2006/10/09 PHP
随时给自己贴的图片加文字的php水印
2007/03/16 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
php微信开发之图片回复功能
2018/06/14 PHP
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
网页整体变灰白色(兼容各浏览器)实例
2013/04/21 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
2013/10/11 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
利用C/C++编写node.js原生模块的方法教程
2017/07/07 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
Python定义一个跨越多行的字符串的多种方法小结
2018/07/19 Python
python实现京东秒杀功能
2018/07/30 Python
python实现点击按钮修改数据的方法
2019/07/17 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
Python self用法详解
2020/11/28 Python
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
承诺书样本
2014/08/30 职场文书
公司员工培训管理制度
2015/08/04 职场文书
导游词书写之黄山
2019/08/06 职场文书
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang