如何使用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]; 

      } 
     }