document.getElementById()获取一直为null

目录

一、背景

二、解决方法

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.getElementById()获取一直为null的最常见的一个原因是js文件在head标签里

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

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

2).在引入语句<script type="text/javascript"> 里面加个defer="true"属性

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

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

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

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

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