Question

我在下面的代码中做错了什么，我无法获得对页脚 div的引用？

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

Answer 1

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

将脚本放在body的底部或在onload

中运行

Answer 2

将脚本标记放在您要选择的div下方。我猜警报返回null？

Answer 3

将其更改为：

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

把它放在DIV之后。

注意，innerHTML假设您只是想从该div中获取文本。

Answer 4

应该是

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

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

Answer 5

脚本标记我位于页脚之前，因此将在页脚创建之前执行。

你可以做几件事：

将脚本放在页脚下方。
将deferred属性添加到脚本
附加到onload事件

如何引用div？

5 个答案: