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

Question

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

下面是HTML

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

我现在要填充该表使用动态Java脚本的数组。
到目前为止，这里是我...

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]; 

      } 
     }