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 相关文章推荐
js相册效果代码(点击创建即可)
Apr 16 Javascript
JavaScript 数组详解
Oct 10 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
vue之nextTick全面解析
May 17 Javascript
Vuejs开发环境搭建及热更新【推荐】
Sep 07 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
js 对象使用的小技巧实例分析
Nov 08 Javascript
15分钟上手vue3.0(小结)
May 20 Javascript
vue.js实现h5机器人聊天(测试版)
Jul 16 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
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 GBK→UTF-8编码转换
2007/05/24 PHP
php smarty模版引擎中变量操作符及使用方法
2009/12/11 PHP
Windows2003下php5.4安装配置教程(Apache2.4)
2016/06/30 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
PHP接口并发测试的方法(推荐)
2016/12/15 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
2009/06/04 Javascript
JavaScript Perfection kill 测试及答案
2010/03/23 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
详解vue+webpack+express中间件接口使用
2018/07/17 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
Python基于DES算法加密解密实例
2015/06/03 Python
python简单读取大文件的方法
2016/07/01 Python
python抓取文件夹的所有文件
2018/02/27 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
实习自我鉴定模板
2013/09/28 职场文书
厨师岗位职责
2013/11/12 职场文书
艺术应用与设计个人的自我评价
2013/11/23 职场文书
期终自我鉴定
2014/02/17 职场文书
大型营销活动计划书
2014/04/28 职场文书
心理健康活动总结
2014/04/30 职场文书
难忘的一课教学反思
2014/04/30 职场文书
上诉状格式
2015/05/23 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
Pandas加速代码之避免使用for循环
2021/05/30 Python
Python采集壁纸并实现炫轮播
2022/04/30 Python
MySQL外键约束(Foreign Key)案例详解
2022/06/28 MySQL