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() | Sí | Sí | Sí | Sí | Sí |
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