document.getElementById()获取值为null

js文件在head标签里或者在div上面的位置时获取不到id的内容,

这是由于加载顺序问题,html文档是从上往下加载,而不会全部加载后再执行js代码,因此导致get不到节点的信息

解决办法:

1.在body标签下引入js文件

2.将js代码加一个onload函数

<script type="text/javascript">
    window.onload = function(){
	var span = document.getElementById("span");
	span.innerHTML = "hello js";
};
</script>

<body>
	<span id="span"></span>
</body>

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

  defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。通常用于外部文件

<script type="text/javascript" src="xxx.js" defer="defer"></script>

猜你喜欢

转载自blog.csdn.net/qq_38362772/article/details/84873136