UC知道Javascript的document.getElementById为什么有时候获取不了ID？
来源：百度知道 编辑：UC知道 时间：2024/06/22 02:23:15
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
var ErrorMessage=document.getElementById("a2");
ErrorMessage.style.display="none";
</script>
<body>
<div id="a2">asdfasdf</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
var ErrorMessage=document.getElementById("a2");
ErrorMessage.style.display="none";
</script>
<body>
<div id="a2">asdfasdf</div>
</body>
</html>
错就错在js放到前面没有a2这个id前面，js解析式，<div id="a2">asdfasdf</div> 还没解析，document.getElementById("a2");
就取不到值。
正确：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div id="a2">asdfasdf</div>
<script type="text/javascript">
var ErrorMessage=document.getElementById("a2");
ErrorMessage.style.display="none";
</script>
</body>
</html>
你这样当然是获取不的了，因为执行 document.getElementById的时候，ID="a2"还没有加载完毕。
下面是完整代码。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/j