document.getElementById()获取值打印为null?解决问题

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

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

解决方案
1.在body标签下引入js文件
2.将js代码加一个onload函数

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

   window.onload = function(){
	var showid = document.getElementById("span");
	console.log(showid)
   };

2.在引入语句 script 里面加个defer属性

<script type="text/javascript" src="xxx.js" defer="defer"></script>
  • defer 属性规定是否对脚本执行进行延迟,直到页面加载为止

你可能感兴趣的:(javascript,javascript,html5,html)