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 获取Mouse Position(鼠标坐标)的代码
Sep 21 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
JavaScript不使用prototype和new实现继承机制
Dec 29 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Nov 13 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
viewer.js实现图片预览功能
Jun 24 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
Ajax实现对静态页面的文章访问统计功能示例
2016/10/10 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
javascript编程起步(第六课)
2007/01/10 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
jquery编写日期选择器
2017/03/16 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
DWR内存兼容及无法调用问题解决方案
2020/10/16 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
python使用递归解决全排列数字示例
2014/02/11 Python
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
美国经典刺绣和字母儿童服装特卖:Smocked Auctions
2018/07/16 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
2014学年自我鉴定
2014/02/23 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
青年标兵事迹材料
2014/08/16 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2016毕业实习单位评语大全
2015/12/01 职场文书
四年级语文教学反思
2016/03/03 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书