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 " Definición y Uso
El insertCell() método inserta una célula en la fila actual.
Consejo: Utilice la deleteCell() método para eliminar una celda de la fila de la tabla actual.
Soporte del navegador
| Método | |||||
|---|---|---|---|---|---|
| insertCell() | Sí | Sí | Sí | Sí | Sí |
Sintaxis
tablerowObject .insertCell( Los valores de los parámetros Valor Descripción index Requerido en Firefox y Opera, opcional en el IE, Chrome y Safari. Un número (starts at 0) que especifica la posición de la nueva célula en la fila actual. se inserta el valor de 0 resultados en que la nueva célula en la primera posición. El valor de -1 también se puede utilizar; que se traduce en que la nueva célula se insertará en la última posición.
Si se omite este parámetro, insertCell() inserta la nueva célula en la última posición en IE y en la primera posición 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: El elemento de celda insertada
Más ejemplos
Ejemplo
Insertar nueva cell(s) con el contenido al final de una fila de la tabla con id = "Myrow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Inténtalo tú mismo "
Ejemplo
Insertar nueva cell(s) con el contenido en la posición de índice 2 de una fila de la tabla con id = "Myrow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Inténtalo tú mismo "
Ejemplo
Insertar nueva 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 insertcell() para insertar la nueva cell(s) en posición de índice -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell"; Inténtalo tú mismo "
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 "
Ejemplo
Insertar nueva row(s) en el comienzo de una mesa. El insertRow() método inserta una nueva fila en el índice especificado en una tabla, en este ejemplo, la primera posición (the beginning) de una mesa con id = "myTable". A continuación, utilizamos el insertCell() método para agregar células en la nueva fila.
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"; Inténtalo tú mismo "
<TableRow Object