动态使用 DOM 创建表格。

16 浏览
0 Comments

动态使用 DOM 创建表格。

请问有人能告诉我这段代码有什么问题吗？我想创建一个有2列和3行的表格，并且在每行的单元格中都有Text1和Text2。这段代码创建了一个有2列和3行的表格，但只有第三行的单元格中有文本（其他行为空）。

var tablearea = document.getElementById('tablearea');
var table = document.createElement('table');
var tr = [];
var td1 = document.createElement('td');
var td2 = document.createElement('td');
var text1 = document.createTextNode('Text1');
var text2 = document.createTextNode('Text2');
for (var i = 0; i < 3; i++){
    tr[i] = document.createElement('tr');   
    for (var j = 0; j < 2; j++){
        td1 = document.createElement('td');
        td2 = document.createElement('td');
        td1.appendChild(text1);
        td2.appendChild(text2);
        tr[i].appendChild(td1);
        tr[i].appendChild(td2);
    }           
    table.appendChild(tr[i]);
}
tablearea.appendChild(table);

0