Agregar fila a tabla con DOM

hgp147 · #1 (**permalink**) 14/12/2008, 16:44

Hola, estoy intentando agregar una fila a una tabla con DOM, en Firefox va bien pero en IE 6 no funciona (no hace nada, tampoco marca error).

Probe con un alert dentro del for que crea los TD, y se ejecuta en IE y en Firefox.

Código HTML:

<html>
<head>

<script type="text/javascript">
 
function agregar(){
 
var tabla = document.getElementById("tabla");

var tr = document.createElement("TR");
 			
for (var j=0; j<3; j++) {
				
var td = document.createElement("TD");
		
tr.appendChild(td);
				
}
				
tabla.appendChild(tr);
		
}

</script>


</head>
<body>

<table id="tabla" border="1">
<tr id="f1">
<td>a</td><td>b</td><td>c</td>
</tr>
<tr id="f2">
<td>a2</td><td>b2</td><td>c2</td>
</tr>
</table>

<div onclick="agregar()">Agregar</div>

</body>
</html>

Gracias

caricatos · #2 (**permalink**) 14/12/2008, 17:01

Hola:

Antes de ninguna fila debes indicar si la inserción se hace en un tBody, un tHead o un tFoot... prueba poniendo un tag tbody entre el table y los tr's, y prueba insertando las filas en ese tbody.

Saludos

hgp147 · #3 (**permalink**) 14/12/2008, 17:49

Gracias caricatos, agregue el tbody y funciona bien. Dejo el código por si a alguien le sirve.

Código HTML:

<html>
<head>

<script type="text/javascript">
 
function agregar(){
 
var tabla = document.getElementById("tabla");

var tbody = document.createElement("tbody");

var tr = document.createElement("TR");
 			
for (var j=0; j<3; j++) {
				
var td = document.createElement("TD");
		
tr.appendChild(td);
				
}
				
tbody.appendChild(tr);
tabla.appendChild(tbody);	
}

</script>


</head>
<body>

<table id="tabla" border="1">
<tr id="f1">
<td>a</td><td>b</td><td>c</td>
</tr>
<tr id="f2">
<td>a2</td><td>b2</td><td>c2</td>
</tr>
</table>

<div onclick="agregar()">Agregar</div>

</body>
</html>

angelosss · #4 (**permalink**) 07/06/2009, 16:33

como hacer para agregar datos dentro de los <td> que agrego

colote · #5 (**permalink**) 07/06/2009, 18:18

Fijate ACA sa ver si te sirve esta ayuda !!!

Saludos !!!

caricatos · #6 (**permalink**) 07/06/2009, 23:25

Hola:

Cerramos el tema por ser muy viejo. Y como respuesta rápida puede servir usar innerHTML, o creando un sistema de nodos e insertándolos... cosas que están bastante documentadas en nuestras FAQs.

Saludos