tengo una duda, actualmente tengo una tabla HTML, pero quisiera agregar filas dinamicamente, lo estoy intentando de la forma DOM, pero no logro conseguirlo mi tabla es así:
<table border="1" id="tablaprueba">
<thead>
<tr>
<th>ID</th>
<th>Nombres</th>
<th>Ap Paterno</th>
<th>Ap Materno</th>
</tr>
</thead>
<tbody></tbody>
</table>
y de la siguiente manera estoy intentando agregar filas pero no logro, creo que aún no comprendo bien la forma de interactuar con DOM
function agregarFila() {
var Tbl = document.getElementById("tablaprueba");
var tblBody = Tbl.getElementsByTagName("tbody");
var hilera = document.createElement("tr");
var celda = document.createElement("td");
var textoCelda = document.createTextNode("celda");
celda.appendChild(textoCelda);
hilera.appendChild(celda);
tblBody.appendChild(hilera);
Tbl.appendChild(tblBody);
}