我在循环中忘记了什么？

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

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

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

Answer 2

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

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