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 16 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
Oct 15 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
ReactRouter的实现方法
Jan 25 Javascript
JavaScript实现登录窗体
Jun 22 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
详解WordPress中的头像缓存和代理中的缓存更新方法
2016/03/01 PHP
JQuery 写的个性导航菜单
2009/12/24 Javascript
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
node.js中的url.parse方法使用说明
2014/12/10 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
详解参数传递四种形式
2015/07/21 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
2017/01/19 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
python self,cls,decorator的理解
2009/07/13 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
详解python做UI界面的方法
2019/02/27 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
详解Python中第三方库Faker
2020/09/25 Python
python IP地址转整数
2020/11/20 Python
python中reload重载实例用法
2020/12/15 Python
html5中监听canvas内部元素点击事件的三种方法
2019/04/28 HTML / CSS
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
数控技校生自我鉴定
2014/04/19 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技