無法調用方法appendChild為null

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中。