Question

我需要帮助尝试使用JavaScript动态创建HTML表格。

这是html：

<table id="Table">
    <tr>
        <th>Record:</th>
        <th>Employee Name:</th>
        <th>Amount:</th>
    </tr>
</table>

我现在想用JavaScript动态地用数组填充该表到目前为止，这就是我所拥有的：

for(var i=0;i<info.length;i++){
    var tr=document.createElement('tr');
    for(var j=0;j<1;j++){
        var td=document.createElement('td');
        td.appendChild(document.createTextNode(i));
        tr.appendChild(td); 

        td=document.createElement('td');
        td.appendChild(document.createTextNode(info[i]));
        tr.appendChild(td);

        td=document.createElement('td');
        td.appendChild(document.createTextNode(hours[i]));
        tr.appendChild(td);
    }
    tbdy.appendChild(tr);
}
tbl.appendChild(tbdy);
body.appendChild(tbl);

它不起作用......有什么帮助吗？

Answer 1

我能够通过使用@ ZMF链接

来实现这一目标

            table = document.getElementById('Table') 

            for(var i=0;i<info.length-1;i++){
                var record = i+1;
                var row = table.insertRow(1);
                var cell0 = row.insertCell(0);
                var cell1 = row.insertCell(1);
                var cell2 = row.insertCell(2);
                cell0.innerHTML = record;
                cell1.innerHTML = info[i];
                cell2.innerHTML = hours[i];

            }
        }

如何使用JavaScript将行和单元格附加到HTML表格

1 个答案: