• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 爱情文章 > 正文

    TypeError,document.getElementById(...),is,null错误原因:is_null

    时间:2020-05-13来源:山茶花美文网 本文已影响 山茶花美文网手机站

    这篇文章主要介绍了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的细节问题,记录一笔,以备后忘。

    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全