Método TableRow deleteCell()
Ejemplo
Elimine la(s) primera(s) celda(s) de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Definición y uso
El método deleteCell() elimina una celda en la fila de la tabla actual.
Sugerencia: utilice el método insertCell() para insertar una celda en la fila de la tabla actual.
Compatibilidad con navegador
Method | |||||
---|---|---|---|---|---|
deleteCell() | Yes | Yes | Yes | Yes | Yes |
Sintaxis
tablerowObject.deleteCell(index)
Valores paramétricos
Value | Description |
---|---|
index | Required in Firefox and Opera, optional in IE, Chrome and Safari. An integer (starts at 0) that specifies the position of the cell to delete in the current row. The value of 0 results in that the first cell will be deleted. The value of -1 can also be used; which result in that the last cell will be deleted. If this parameter is omitted, deleteCell() removes the last cell in IE and the first cell in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Detalles técnicos
Valor devuelto: | Sin valor de retorno. |
---|
Más ejemplos
Ejemplo
Elimine la(s) última(s) celda(s) de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(-1);
Ejemplo
Elimine la(s) celda(s) de la posición de índice 1 en una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
row.deleteCell(1);
Ejemplo
Elimine la(s) celda(s) al principio de la primera fila de la tabla. La colección de filas de la tabla (.rows[0]) devuelve una colección de todos los elementos <tr> en la tabla con 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 celdas de la posición de índice 0:
var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);
Ejemplo
Inserte nuevas celdas con contenido al comienzo de una fila de la tabla con id="myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
❮ Objeto TableRow