js问题：document.getElementById 为null的解决方案

最新推荐文章于 2023-03-28 16:57:15 发布

最新推荐文章于 2023-03-28 16:57:15 发布 · 2k 阅读

文章标签：

#javascript #ViewUI

项目错误分析专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在IE8浏览器中使用JavaScript的getElementById方法遇到的问题及解决办法。问题出现在将JS代码放置在HTML元素定义之前的情况。通过调整代码位置至相应元素之后，可以有效避免此类错误。

在IE8下运行如下代码，出现document.getElementById缺少对象的问题。

<html>
 <head>
  <title> Javascript问题测试</title>  
  <script language="javascript">  		
		function test(){
			alert(document.getElementById("b"));
		}
		test();
  </script>
 </head>
 <body>
	<div id="a">
		<span id="b">测试</span>
	</div>	
 </body>
</html>

运行结果如图：

解决方案：把JS代码放在要获取的元素的后面

<html>
 <head>
  <title> Javascript问题测试</title>  
  
 </head>
 <body>
	<div id="a">
		<span id="b">测试</span>
	</div>
	<script language="javascript">  		
		function test(){
			alert(document.getElementById("b"));
		}
		test();
	</script>
 </body>
</html>

总结：出现问题的原因是 HTML 从上至下解析，应该先有"对象" ，再去"引用".