Colección de celdas de TableRow

Objeto TableRow del DOM HTML

Definición y uso

cells La colección devuelve todos los <td> o <th> Conjunto de elementos.

Comentarios:Los elementos de la colección se ordenan según el orden en que aparecen en el código fuente.

Ejemplo

Ejemplo 1

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

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

Prueba por tu cuenta

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 por tu cuenta

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 por tu cuenta

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 por tu cuenta

Ejemplo 5

Cambiar el contenido de la primera celda de la tabla:

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

Prueba por tu cuenta

Sintaxis

tableObject.cells

Atributo

Atributo Descripción
length

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

Comentarios:Esta propiedad es de solo lectura.

Método

Método Descripción
[index]

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

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

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

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

Devuelve los elementos <td> y/u <th> de la colección con el id especificado.

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

Detalles técnicos

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

Objeto HTMLCollection, que representa todos los elementos <td> y/u <th> dentro de un elemento <tr>.

Los elementos de la colección se ordenan según el orden en que aparecen en el código fuente.

Compatibilidad del navegador

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

Objeto TableRow del DOM HTML