本文探讨了JavaScript代码在HTML文档中的不同加载时机导致的问题，并提供了解决方案。通过调整JavaScript代码的位置，确保DOM元素加载完成后再执行相关的脚本操作。
错误原因:body还没有加载，此时，无法获取dom对象元素，则程序就会报错document.getElementById("myHeader") is null
<html>
<head><title>我的测试文件</title>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8"/>
<script type="text/javascript">
var x=document.getElementById("myHeader");
alert(x.innerHTML);
</script>
<body>
<h1 id="myHeader" onclick="getValue()">这是标题</h1>
<p>点击标题，会提示出它的值。</p>
</body>
</html>
解决办法就是办javascript代码写到body的元素的最后位置
<html>
<head><title>我的测试文件</title>
<meta http-equiv="content-Type" content="text/html;charset=UTF-8"/>
<body>
<h1 id="myHeader" onclick="getValue()">这是标题</h1>
<p>点击标题，会提示出它的值。</p>
<script type="text/javascript">
var x=document.getElementById("myHeader");
alert(x.innerHTML);
</script>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
