我在循环中忘记了什么？

Question

我正在尝试创建一个具有 6 行的table，但我无法理解我在for 循环中做错了什么。

<script>
    var table = document.createElement('table');
    var tbody = document.createElement('tbody');
    var tr = document.createElement('tr');
    var td = document.createElement('td');

    document.body.appendChild(table);
    table.appendChild(tbody);

    for (var i = 0; i < 6; i++) {
      tbody.appendChild(tr); // makes only 1 row, but should make 6 rows
    }
</script>

Answer 1

您应该使用cloneNode() 方法创建<TR> 元素的克隆并附加它。

for (var i = 0; i < 6; i++){    
    tbody.appendChild(tr.cloneNode(true));
}

Answer 2

您需要在循环内创建一个新行

for (var i = 0; i < 6; i++){    
    tbody.appendChild( document.createElement('tr') ); 
}