javascript - “innerHTML”：对象为空或未定义

Question

我有以下内容：

<div id="valueboxes" style="overflow-x:hidden;overflow-y:scroll;width:100%;height:200px">

但是，每次我使用以下内容时：

document.getElementById("valueboxes").innerHTML = html;

我收到此错误：

'innerHTML': object is null or undefined

难道我做错了什么？

html 是一个表变量，它也由 javascript 在 for 循环中使用+=.

Answer 1

那是因为您在 DOM 完全加载之前执行代码。

这应该有效：

window.onload = function() {
  document.getElementById('valueboxes').innerHTML = html;
};

或者您可以简单地将您的 javascript 代码放在</body>标签之前，而无需在onload那里使用。