eliminar fila de una tabla

mj1984 · #1 (**permalink**) 18/03/2013, 07:13

Hola, quisiera saber cómo eliminar una fila concreta de una tabla. He intentado hacerlo con

Código:

document.getElementById("tabla").deleteRow(0);

pero no puedo hacerlo así, ya que no se cómo averiguar el índice de la fila que quiero borrar..

Un saludo y gracias de antemano.

El_Metallick · #2 (**permalink**) 18/03/2013, 08:11

podría intentar utilizando un botón o un enlace llamando a una función js y pasando el objeto como referencia, algo de la forma onclick="fun(this)" luego en el js llamar al nodo padre (dos veces, el primero sería el TD y el segundo el TR) y usar el método removeChild y borrar la fila correspondiente. Algo rápido sería más o menos así

Código:

function deleteRow(obj) {
    var tr = obj.parentNode.parentNode;
    tr.parentNode.removeChild(tr);
}

el llamado

Código:

<input type="button" onclick="deleteRow(this);" />

Saludos

PD: no está probado, es sólo un ejemplo rápido.

emprear · #3 (**permalink**) 18/03/2013, 10:55

De tu enunciado deduzco que querés borra la fila sobre la que se clickea
Podes usar el rowIndex

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>borrar fila</title>
<script>
function borrarFila(fila){
var inx=fila.parentNode.parentNode.rowIndex;
document.getElementById('tabla_uno').deleteRow(inx);
}
</script>
</head>
<body>
<table id="tabla_uno" border="1">
<tr>
  <td>Fila 1</td>
  <td><input type="button" value="borrar" onclick="borrarFila(this)"></td>
</tr>
<tr>
  <td>Fila 2</td>
  <td><input type="button" value="borrar" onclick="borrarFila(this)"></td>
</tr>
</table>
</body>
</html>

SAludos