当前位置: 首页 > 编程笔记 >

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

秦博延
2023-03-14
本文向大家介绍TypeError document.getElementById(...) is null错误原因,包括了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的细节问题,记录一笔,以备后忘。

 类似资料:
  • 问题内容: 我在Access DB的VB应用程序中有此查询: 它给出了我无法解决的以下问题… “查询表达式’ISNULL(a.faultCount,0’)中的函数使用的参数数量错误。” 我要实现的只是将值设置为零,这意味着在特定区域中没有故障。 谢谢你 问题答案: 我想补充我的两分钱,而我喜欢NZ()的简单的语法,如果你寻求无故障性能,既ISNULL()和新西兰()应该有利于为NULL来避免: 。

  • 我试图使用mongorestore还原一个有100个集合(800GB)的数据库,它是从Mongo2.4.4中作为备份的。我使用了以下命令: 我使用batchSize=1000、500、100来尝试使其工作。我在10-15次收集后得到一个插入错误。当我得到这个错误时,它几乎完美地运行了将近一个半小时。 失败:还原错误:bp_prod079.anepisoDebreault:从/data/backup

  • 问题内容: 在关于sqlite的android vogella教程期间,我遇到了令人讨厌的问题,并出现以下错误: 我无数次地一步步修改所有文件,以正确重新创建R. class。关于此错误的非常奇怪的是,我不知道为什么在“ com.example.de.vogella.android”中有关于“ com.example”的任何内容。这是某种标准生成的名称吗?我所有的包/名称/路径都从未以“ com.

  • 问题内容: 我正在使用hibernate插入到所有表均定义为非null的mysql表中。它有一个唯一的主键,并在几列上有另一个唯一的索引。 我收到以下错误: org.springframework.dao.DataIntegrityViolationException:无法执行JDBC批处理更新。SQL [插入MY_TABLE(col1,col2,col3,col4,ID_)值(?,?,?,?,?

  • 我最近从bootstrap 4.6迁移到bootstrap 5,除了一个问题:当使用laravel-mix编译时,初级类为文本颜色取了一个不正确的值。我自己还没有编辑过任何引导文件,我还没有用这个名字创建自己的类。按钮代码示例: 按钮截图: 在chrome DevTools中检查: 已编译的app.css文件: 附注。这个问题也伴随着成功、危险等类而出现

  • 请帮帮我。我试过了所有的办法,但还是解决不了这个问题。模拟器提示“App name keeps Stopping”。我的空气污染指数是28。提前谢谢你。 “at com.example.testrun.mainactivity.oncreate(mainactivity.java:20)”-logcat中的这一行是蓝色的。