Método deleteCell() de TableRow

Objeto TableRow del DOM HTML

Definición y uso

deleteCell() El método elimina una celda de la fila actual de la tabla.

Consejo:Usar Método insertCell() Insertar una celda en la fila actual de la tabla.

Véase también:

Manual de referencia de HTML:Etiqueta <tr> de HTML

Ejemplo

Ejemplo 1

Eliminar la primera celda de la fila de la tabla con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Prueba por tu cuenta

Ejemplo 2

Eliminar la última celda de la fila de la tabla con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Prueba por tu cuenta

Ejemplo 3

Eliminar la celda en la posición de índice 1 de la fila de la tabla con id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Prueba por tu cuenta

Ejemplo 4

Eliminar la celda al principio de la primera fila de la tabla.

El conjunto rows (.rows[0]) de la tabla devuelve el conjunto de todos los elementos <tr> de la tabla con id "myTable". El número [0] especifica el elemento que se debe recuperar, en este caso, la primera fila de la tabla.

Luego usamos deleteCell() para eliminar la celda en la posición de índice 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Prueba por tu cuenta

Ejemplo 5

Insertar una nueva celda con contenido al principio de la fila de la tabla con id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "nueva celda";

Prueba por tu cuenta

Sintaxis

tablerowObject.deleteCell(index)
Parámetro Descripción
index

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

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

El valor 0 elimina la primera celda. También se puede usar el valor -1, lo que elimina la última celda.

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

Detalles técnicos

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 TableRow del DOM HTML