JavaScript for循環 - 循環遍歷行以添加到表

Question

我將tr s附加到字符串的表中。我使用下面的代碼使用innerHTML編寫整個表格，然後我可以使用標準DOM將新的位傳輸到現有的表格。

var div = document.createElement("div"); 
div.innerHTML = "<table><tbody>" + string + "</tbody></table>"; 

使用下面的簡單的Javascript是好的，直到我們看看CSS樣式。這導致每個部分在不同的tbody。爲CSS樣式使用:nth-child(odd)

document.getElementById("left").appendChild(div.firstChild.tBodies[0]); 

因此，我已經改變了代碼，這一點，但它僅增加每隔一行表中這是不能接受的。我做錯了什麼？

var tableBody = div.firstChild.tBodies[0]; 
var appendToTable = document.getElementById("left").tBodies[0]; 

var totalnodes = tableBody.childNodes.length; 

for (var thenodes = 0; thenodes < totalnodes; thenodes++) { 
    appendToTable.appendChild(tableBody.childNodes[thenodes]); 
} 

Answer 1

childNodes是一個活動節點集，所以當你刪除它時，其他元素向下移動索引。所以你最終得到隔行。

while (tableBody.childNodes.length) { 
    appendToTable.appendChild(tableBody.childNodes[0]); 
}