Foros del Web » Programando para Internet » Javascript »

borrar fila de tabla

Estas en el tema de borrar fila de tabla en el foro de Javascript en Foros del Web. Alguien sabe como borrar una fila de una tabla sin usar deleteRow()? Gracias....
  #1 (permalink)  
Antiguo 08/03/2004, 10:46
 
Fecha de Ingreso: noviembre-2003
Mensajes: 30
Antigüedad: 20 años, 6 meses
Puntos: 0
borrar fila de tabla

Alguien sabe como borrar una fila de una tabla sin usar deleteRow()?

Gracias.
  #2 (permalink)  
Antiguo 08/03/2004, 11:01
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 3 meses
Puntos: 772
Hola, PiolinNet.

Tabla de ejemplo:

<table>
<tbody id="cuerpoTabla">
<tr>
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
</table>

Función para borrar la primera línea:

elem = document.getElementById('cuerpoTabla');
elem.removeChild(elem.childNodes[0]);

Si no es mucha curiosidad ¿por qué no quieres usar deleteRow()?

En cualquier caso, espero que te sirva. Saludos,
  #3 (permalink)  
Antiguo 08/03/2004, 16:56
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Hola PiolinNet:

Si bien la propuesta de JavierB (¡Hola Maestro !) es para borrar el primer elemento después del Tbody, es una forma algo difícil de que funcione bien, porque los diferentes navegadores manejan los objetos de distinta manera.

En el ejemplo de JavierB el primer hijo de id="cuerpoTabla" tendría que ser la etiqueta tr con sus celdas, pero me parece que no se pueden borrar elementos que a la vez tengan hijos (sería cuestión de probar)... .
Pero el verdadero problema es que si antes del tag tr hay un salto de línea o un espacio, o un comentario o cualquier otra cosa, ese primer hijo no sería el tag tr. Entonces sería necesario una comprobación. Supongo que sería mejor usar el primer elemento del array de elementos tr...

elem = document.getElementById('cuerpoTabla');
elem.removeChild(elem.getElementsByTagName("tr")[0]);

Si quieres ver una estructura de árbol de un documento html, puedes ver el inspector DOM que propuse hace pocos meses en estos foros y está en esta página: http://www.pepemolina.com/DOM/index.html... Hay un enlace que muestra una tabla de ejemplo.

Saludos
  #4 (permalink)  
Antiguo 10/03/2004, 11:33
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 3 meses
Puntos: 772
Hola, caricatos.

He tardado un poco en contestar porque no entendía que en Netscape y Mozilla mi código no funcionara y si funcionara la página donde lo aprendí (tierradenomadas, creo que tú ya la conoces)

La explicación es que ponen el código sin saltos de líneas (como dijiste en tu anterior mensaje)

<table>
<tbody id="algo"><tr><td>Celda1</td><td>Celda2</td></tr></tbody>
</table

En fin, pilarín... sigo aprendiendo alguna cosilla nueva cada día

Saludos,
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:33.