我在下面的代码中做错了什么,我无法获得对页脚div 的引用?
<html>
<title></title>
<head></head>
<body>
<script>alert(document.getElementById('footer'));</script>
<div id="footer">testing footer</div>
</body>
</html>
我在下面的代码中做错了什么,我无法获得对页脚div 的引用?
<html>
<title></title>
<head></head>
<body>
<script>alert(document.getElementById('footer'));</script>
<div id="footer">testing footer</div>
</body>
</html>
您getElementById()
在页脚加载之前调用。
body
将脚本放在或运行的底部onload
将脚本标签放在您尝试选择的 div 下方。我猜警报返回null?
将其更改为:
<script type="text/javascript">alert(document.getElementById('footer').innerHTML);</script>
并将其放在 DIV 之后。
请注意,innerHTML
假设您只是想从该 div 中获取文本。
应该
<html>
<title></title>
<head></head>
<body>
<div id="footer">testing footer</div>
<script>alert(document.getElementById('footer'));</script>
</body>
</html>
我位于页脚之前的脚本标记因此将在创建页脚之前执行。
您可以做几件事:
deferred
属性添加到脚本