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 相关文章推荐
$.ajax json数据传递方法
Nov 19 Javascript
利用jQuery 实现GridView异步排序、分页的代码
Feb 06 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
jQuery文字轮播特效
Feb 12 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
简单了解Vue computed属性及watch区别
Jul 10 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过程中的一些注意点的总结
2013/10/25 PHP
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
laravel 关联关系遍历数组的例子
2019/10/10 PHP
php5与php7的区别点总结
2019/10/11 PHP
Prototype Object对象 学习
2009/07/12 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
javascript从右边截取指定字符串的三种实现方法
2013/11/29 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
使用vue完成微信公众号网页小记(推荐)
2019/04/28 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
JavaScript修改注册表实例代码
2020/01/05 Javascript
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
python+flask实现API的方法
2018/11/21 Python
Python创建或生成列表的操作方法
2019/06/19 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
eBay澳大利亚站:eBay.com.au
2018/02/02 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
汽车技术服务与营销专业在籍生自荐信
2013/09/28 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
大型会议策划方案
2014/05/17 职场文书
Mysql中mvcc各场景理解应用
2022/08/05 MySQL