手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >TypeError document.getElementById(...) is null错误原因
TypeError document.getElementById(...) is null错误原因
摘要:这篇文章主要介绍了TypeErrordocument.getElementById(...)isnull错误原因,这是很容易犯的一个低级错误...

这篇文章主要介绍了TypeError document.getElementById(...) is null错误原因,这是很容易犯的一个低级错误,需要的朋友可以参考下

今天手写了一个简单的页面做测试用,写完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的细节问题,记录一笔,以备后忘。

【TypeError document.getElementById(...) is null错误原因】相关文章:

javascript中eval解析JSON字符串

浅谈javascript的call()、apply()、bind()的用法

JS获取时间的相关函数及时间戳与时间日期之间的转换

JQuery中clone方法复制节点

微信WeixinJSBridge API使用实例

超酷右下浮出广告窗口代码

jQuery的基本概念与高级编程

JavaScript中关联原型链属性特性

JavaScript中的私有成员

node.js微信公众平台开发教程

精品推荐
分类导航