document.getElementById()获取一直为null

本文介绍: document.getElem e n tById()获取一直为null的最常见的一个原因是js 文件在head 标签里。直接使用$(“#du a n g“)同样可以获得对象进行一系列操作, 但是同样需要注意ID的正确性。产生的加载顺序问题，导致get不到节点的信息.

目录

一、背景

二、解决方法

1、方法1-检查ID是否存在

2、方法2-加载顺序问题

3、方法3-JQ的ID选择器

一、背景
项目实现功能, document.getElementById()获取的对象一直为null, 

导致工作不能推进, 结果问题很简单, 就是不细心导致的.
二、解决方法

1、方法1-检查ID是否存在
var duang= document.getElementById("duang");
灯下黑, 本人就是ID不存在, 按妞和各个单选框, 

外加input的交互也太多, 每个字段都设置了动态ID, 

拼接后的id检查下. F12点击, 看下是不是自己想要的ID
2、方法2-加载顺序问题

document.getEle m e n tById()获取一直为null的最常见的一个原因是js文件在head 标签里

产生的加载顺序问题，导致get不到节点的信息.

1).可以 body 标签下引入 js文件

2).在引入语句<script type=”text/javascript“&g t; 里面加个defer=”true“属性

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。

3、方法3-JQ的ID选择器

直接使用$(“#d ua ng”)同样可以获得对象进行一系列操作, 但是同样需要注意ID的正确性

有用请点赞，养成良好习惯！

疑问、交流、鼓励请留言！