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).在引入语句