`

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

javascript 
阅读更多

在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 从上至下 解析 ， 应该先 有"对象" ，再去"引用".

 
  • 大小: 4.1 KB
1
顶
1
踩
分享到：
| struts2怎么学
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics