javascript - 无法调用 null 的 appendChild 方法

Question

它发生在：

for(var i = 0; i<phoneNums.length; i++)
{
    var lines = document.createElement('tr');
    var number = document.createElement('td');
    number.innerHTML = phoneNums[i];
    var minutes = document.createElement('td');
    minutes.innerHTML = minutesUsed[i];
    var plan = document.createElement('td');
    plan.innerHTML = plans[i];
    var charges = document.createElement('td');
    charges.innerHTML = charge[i];
    document.getElementById('theTable').appendChild(lines);
    lines.appendChild(number);
    lines.appendChild(minutes);
    lines.appendChild(plan);
    lines.appendChild(charges);
}

---

具体在：

document.getElementById('theTable').appendChild(lines);

<table id = 'theTable'>
        </table>
        <script type = 'text/javascript'>
            populateTable();
        </script>

我正在尝试创建一个将值添加tr到td表中的函数。

Answer 1

您可能在文档中存在“theTable”之前运行此脚本。确保此脚本出现在您的表下方id="theTable"，或者它在表存在后发生的事件处理程序中运行。

Answer 2

这意味着您的 DOM 中没有 id 为“theTable”的元素。在您的 html 中的某处，您应该有类似的内容：

<table id="theTable">...

或者，正如其他人也提到的那样，在您的脚本执行之前，此元素可能尚未加载到 DOM 中。