Método Table deleteRow()

Objeto Table del DOM HTML

Definición y uso

deleteRow() Método para eliminar la fila en la posición especificada de la tabla.

Consejo:Utilice insertRow() Crear e insertar nuevas filas.

Vea también:

Manual de HTML:Etiqueta <tr> de HTML

Ejemplo

Ejemplo 1

Eliminar la primera fila de la tabla:

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

Prueba por tu cuenta

Ejemplo 2

Eliminar la fila que ha hecho clic:

function deleteRow(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById("myTable").deleteRow(i);
}

Prueba por tu cuenta

Ejemplo 3

Crear y eliminar filas:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteRow(0);
}

Prueba por tu cuenta

Sintaxis

tableObject.deleteRow(index)

Valor del parámetro

Parámetro Descripción
index

Es obligatorio en Firefox y Opera, y opcional en IE, Chrome y Safari.

Entero, que especifica la posición de la fila que se debe eliminar (comienza en 0).

El valor 0 provocará la eliminación de la primera fila.

También se puede usar el valor -1, lo que provocará la eliminación de la última fila.

Si se omite este parámetro, deleteRow() eliminará la última fila en IE, y la primera fila en Chrome y Safari.

Valor de retorno:

No hay valor de retorno.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Table del DOM HTML