Te los sobre-escribe porque estas reasignando lo que esta en los nodos, para hacer lo que necesitas, debes de crear otra fila dinamicamente, ve este ejemplo:
Código javascript
:
Ver original<script type="text/javascript">
function addRow() {
var table = document.getElementById("test");
var numRows = table.getElementsByTagName("tr").length;
var row = table.insertRow(numRows);
var cell = row.insertCell(0);
cell.innerHTML = "foo " + numRows;
}
</script>
<table id="test">
<tr>
<th>test</th>
<tr>
<tr>
<td>foo</td>
</tr>
</table>
<input type="button" name="addRow" value="agregar fila" onclick="addRow();" />