colección de celdas de tabla

Objeto Table de DOM HTML

definición y uso

células la colección devuelve la colección de todos los elementos <td> o <th> de la tabla.

Notas:Los elementos del conjunto se ordenan según el orden en que aparecen en el código fuente.

Consejo:usar colección rows devolver la colección de todos los elementos <tr> de la tabla.

Consejo:Usar método insertRow() crear nueva fila (<tr>).

Consejo:Usar método deleteRow() eliminar fila.

Consejo:Usar método insertCell() Crear una nueva celda (<td>).

Consejo:Usar Método deleteCell() Eliminar celda.

Véase también:

Manual de HTML:Etiqueta <td> de HTML

Manual de HTML:Etiqueta <th> de HTML

Manual de JavaScript:Objeto TableData de DOM HTML

Manual de JavaScript:Objeto TableHeader de DOM HTML

Ejemplo

Ejemplo 1

Mostrar el número de celdas en la primera fila:

var x = document.getElementById("myTable").rows[0].cells.length;

Prueba tú mismo

El resultado de x será:

2

Ejemplo 2: [index]

Mostrar el innerHTML de la primera celda en la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

Prueba tú mismo

Ejemplo 3: item(index)

Mostrar el innerHTML de la primera celda en la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

Prueba tú mismo

Ejemplo 4: namedItem(id)

Mostrar el innerHTML de la celda con id="myTd" en la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

Prueba tú mismo

Ejemplo 5

Cambiar el contenido del primer celda de la tabla:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "CONTENIDO NUEVO";

Prueba tú mismo

Sintaxis

tableObject.cells

Atributo

Atributo Descripción
length

Devuelve la cantidad de elementos <td> y/o <th> en la colección.

Notas:Esta propiedad es de solo lectura.

Método

Método Descripción
[index]

Devuelve el elemento <td> y/o <th> en la colección con el índice especificado (empezando en 0).

Notas:Si el número de índice está fuera de rango, se devuelve null.
item(index)

Devuelve el elemento <td> y/o <th> en la colección con el índice especificado (empezando en 0).

Notas:Si el número de índice está fuera de rango, se devuelve null.
namedItem(id)

Devuelve los elementos <td> y/o <th> de la colección que tiene el id especificado.

Notas:Si el id no existe, se devuelve null.

Detalles técnicos

Versión DOM: Nivel 2 de Document Object Core
Valor devuelto:

El objeto HTMLCollection, que representa todos los elementos <td> y/o <th> dentro del elemento <tr>.

Los elementos del conjunto se ordenan según el orden en que aparecen en el código fuente.

Soporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Table de DOM HTML