Question

for(var i=0;i<100;i++) {
var para = document.createElement("p");
var node = document.createTextNode("This is just dummy data...but a very long one!!!.");
para.appendChild(node);
var element = document.getElementById("main");
element.appendChild(para);
}

<html>
<head>
<title>Experiment -II</title>
<script type="text/javascript" src="exp.js"></script>
</head>
<body>

  <div id="main">
  </div>

</body>
</html>

我worte代码并尝试但我得到错误'document.getElementById（...）'为null或不是对象'即使我认为对象不为null。

为什么我会这样？是因为我把“主要”部分留空了吗？

Answer 1

这是因为您的脚本在加载<div>之前运行。

将脚本移动到文档的底部以确保元素已加载，或使用DOMContentLoaded事件处理程序。

“document.getElementById（...）”的错误为null或不是对象“

1 个答案: