Los últimos tutoriales de desarrollo web
 

Fila de la tabla deleteCell() Method

<TableRow Object

Ejemplo

Eliminar la primera cell(s) de una fila de la tabla con id = "Myrow":

var row = document.getElementById("myRow");
row.deleteCell(0);
Inténtalo tú mismo "

Definición y Uso

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

Consejo: Utilice la insertCell() método para eliminar una celda de la fila de la tabla actual.


Soporte del navegador

Método
deleteCell()

Sintaxis

tablerowObject .deleteCell( Los valores de los parámetros
Valor Descripción
index Requerido en Firefox y Opera, opcional en el IE, Chrome y Safari. Un entero (starts at 0) que especifica la posición de la célula a eliminar en la fila actual. El valor de 0 resultados en que se borra la primera célula. El valor de -1 también se puede utilizar; que dan lugar a que se borrará la última celda.

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

Este parámetro es necesario en Firefox y Opera, pero opcional en Internet Explorer, Chrome y Safari.

Detalles técnicos

Valor de retorno: Valor de retorno.

Más ejemplos

Ejemplo

Eliminar la última cell(s) de la tabla una fila con id = "Myrow":

var row = document.getElementById("myRow");
row.deleteCell(-1);
Inténtalo tú mismo "

Ejemplo

Eliminar cell(s) a partir de la posición de índice 1 en una fila de la tabla con id = "Myrow":

var row = document.getElementById("myRow");
row.deleteCell(1);
Inténtalo tú mismo "

Ejemplo

Eliminar cell(s) al comienzo de la primera fila de la tabla. La colección de filas de la tabla (.rows[0]) devuelve una colección de todos los <tr> elementos en la tabla con el ID "myTable" . El número [0] especifica el elemento para recuperar, en este ejemplo, la primera fila de la tabla. Luego usamos deleteCell() para eliminar las células de la posición de índice 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Inténtalo tú mismo "

Ejemplo

Insertar nueva cell(s) con el contenido al principio de una fila de tabla con id = "Myrow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Inténtalo tú mismo "

<TableRow Object