2013-03-06 69 views
0

我在下面的代码中做错了什么,我无法获得页脚 div的参考?如何获得div的参考?

<html> 
<title></title> 
<head></head> 
<body> 
<script>alert(document.getElementById('footer'));</script> 
<div id="footer">testing footer</div> 
</body> 
</html> 
+2

附: ''应该在头标签内。 – 2013-03-06 18:39:26

回答

7

您在加载页脚之前调用getElementById()

把脚本在body或运行的底部onload

0

将脚本标记您要选择div下面。我猜这个警报是返回null?

0

将其更改为:

<script type="text/javascript">alert(document.getElementById('footer').innerHTML);</script> 

并把它放到DIV之后。

请注意,innerHTML假设您只是试图从该div内获取文本。

+0

现在的浏览器不再需要type =“text/javascript” - 它没有什么区别。 – Luca 2013-03-06 18:38:44

+0

这是很好的做法: – 2013-03-06 18:39:27

+0

很久以前:“这个属性是可选的,因为Netscape 2是所有浏览器中的默认编程语言,都是JavaScript,在HTML中最好不要,浏览器知道该怎么做。 http://javascript.crockford.com/script.html – Luca 2013-03-06 18:43:48

0

应该

<html> 
<title></title> 
<head></head> 
<body> 

<div id="footer">testing footer</div> 
<script>alert(document.getElementById('footer'));</script> 
</body> 
</html> 
0

创建页脚前脚本标签我位于前躯,因此将被执行。

有几件事情,你可以做:

  • 地方下面的脚本页脚。
  • deferred属性添加到脚本
  • 重视onload事件