如何用javascript在table中动态添加行？

如何用javascript在table中动态添加行？ 





var tbl = document.all.tags("TABLE")[0];
var row = tbl.insertRow();
var cell=row.insertCell();
cell.innerHTML = "hello world";

var tbl = document.all.tags("TABLE")[0];
    var tbody_node = document.createElement("tbody");
    table_node.appendChild(tbody_node);

    for (var row_counter = 1; row_counter <= table_rows; row_counter++) {
        var tr_node = document.createElement("tr")
        tbody_node.appendChild(tr_node)
        for (var col_counter = 1; col_counter <= table_columns; col_counter++) {
            var td_node = document.createElement("td")
            tr_node.appendChild(td_node)
         }
     }

 <TABLE id="t1" border="1" >
<TD>列1</TD><TD>列2</TD><TD>列3</TD><TD>列4</TD><TD>列5</TD>
</TABLE>
<SCRIPT language=javascript>
var total=5;
for (i=1;i<=total;i++) {
var out='';
out+='<TD >列1='+i+'</TD>';
out+='<TD >列2='+i+'</TD>';
out+='<TD >列3='+i+'</TD>';
out+='<TD >列4='+i+'</TD>';
out+='<TD >列5='+i+'</TD>';
t1.insertRow().insertCell().innerHTML = out;
    
};
</script>