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中input中readonly和disabled区别介绍
Oct 23 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
javascript每日必学之循环
Feb 19 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
Vue.js每天必学之过渡与动画
Sep 06 Javascript
canvas压缩图片转换成base64格式输出文件流
Mar 09 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
vue的全局提示框组件实例代码
Feb 26 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
Vue通过懒加载提升页面响应速度
May 10 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
PHP读取MySQL数据代码
2008/06/05 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
js实现目录定位正文示例
2013/11/14 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
使用FormData实现上传多个文件
2018/12/04 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Python入门篇之字符串
2014/10/17 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
使用coverage统计python web项目代码覆盖率的方法详解
2019/08/05 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
关于Python错误重试方法总结
2021/01/03 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
俄罗斯品牌服装在线商店:VIPAVENUE
2020/08/10 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
大学生求职简历的自我评价
2013/10/21 职场文书
行政助理岗位职责范文
2013/12/03 职场文书
前台文员职责范本
2014/03/07 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
群众路线个人对照检查材料2014
2014/09/26 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
redis复制有可能碰到的问题汇总
2022/04/03 Redis