Cómo les va,
encontré este pequeño ejemplo en el foro al cual le adicioné la función addtr()
para probar añadir filas a una tabla. La cuestión es que la función sí añade la
fila que le indico pero no muestra los texto que pongo que son "Hiru 2"
y "Lo Logré"....... Podría decirme alguien por favor, qué falta.
<html>
<head>
<script type="text/javascript">
//<script type="text/javascript" src="main2.js">
function remove(t)
{
var td = t.parentNode;
var tr = td.parentNode;
var table = tr.parentNode;
table.removeChild(tr);
}
function addtr(t)
{
var tabla = document.getElementById('miTabla');
// Insertar la tercera fila
tabla.tBodies[0].insertRow(2);
tabla.tBodies[0].rows[2].insertCell(1);
tabla.tBodies[0].rows[2].cells[1].innerHTML = "Hiru 2";
tabla.tBodies[0].rows[2].insertCell(2);
tabla.tBodies[0].rows[2].cells[2].innerHTML = "Lo Logré";
document.body.appendChild(tabla);
}
</script>
</head>
<body>
<table id="miTabla">
<tr>
<td>Bat</td>
<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
</tr>
<tr>
<td>Bi</td>
<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
</tr>
<tr>
<td>Hiru</td>
<td><input type="button" onclick="remove(this)" value="Eliminar" /></td>
</tr>
<tr>
<td>H</td>
<td><input type="button" onclick="addtr()" value="Adicionar" /></td>
</tr>
</table>
</body>
</html>