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

Question

I need help trying to dynamically create an HTML table using JavaScript.

Here is the html:

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

I now want to populate that table with an array dynamically using JavaScript.
So far, here is what I have:

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

It is not working... Any help?

Answer 1

I was able to accomplish this by using @ZMF's link

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

            }
        }