我正在尝试使用 getElementById() 获取元素，但即使该元素存在，它也会返回 null。我究竟做错了什么？
<html>
<head>
<title>blah</title>
<script type="text/javascript">
alert(document.getElementById("abc"));
</script>
</head>
<body>
<div id="abc">
</div>
</body>
你必须把它放在一个document load事件中。到abc脚本执行时，DOM 还没有达到。
您的脚本在 DOM 加载之前运行。要解决此问题，您可以将代码放在window.onload函数中，如下所示：
window.onload = function() {
alert(document.getElementById("abc"));
};
另一种方法是将您的script权利放在结束</body>标记之前。
如果您不想附加到加载事件，那么只需将您的脚本放在正文的底部，这样它就会在最后执行-
<html>
<head>
<title>blah</title>
</head>
<body>
<div id="abc">
</div>
<script type="text/javascript">
alert(document.getElementById("abc"));
</script>
</body>
</html>
这是因为脚本在页面呈现之前运行。
为了证明，将此属性添加到 body 标记中：
<body onload="alert(document.getElementById('abc'));" >
但它不存在，在 HTML 中不存在。HTML 文档是从上到下解析的，就像程序运行一样。最好的解决方案是将您的脚本标签放在页面底部。您还可以将 JavaScript 附加到 onload 事件。