'innerHTML'：对象为null或未定义

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是使用+=在for循环中通过javascript附加的表格变换。

Answer 1

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

此应该工作：

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

或者您只需将您的javascript代码放在</body>代码之前，而无需在onload使用{。}}。