Los últimos tutoriales de desarrollo web
 

Colección células TableRow

<TableRow Object

Ejemplo

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

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

El resultado de x será:

2
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La colección de células devuelve una colección de todos <td> o <th> elementos en una fila de la tabla.

Note: Los elementos de la colección están ordenados como aparecen en el código fuente.

Soporte del navegador

Colección
cells Sí Sí Sí Sí Sí

Sintaxis

tableObject .cells

propiedades

Propiedad Descripción
length Devuelve el número de <td> y / o <th> elementos de la colección.

Nota: Esta propiedad es de sólo lectura

métodos

Método Descripción
[ index ] Devuelve el <td> y / o <th> elemento de la colección con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
item( index ) Devuelve el <td> y / o <th> elemento de la colección con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
namedItem( id ) Devuelve el <td> y / o <th> elemento de la colección con el id especificado.

Nota: Devuelve un valor nulo si el identificador no existe

Detalles técnicos

DOM Versión: Nivel básico Objeto Documento 2
Valor de retorno: Un Objeto HTMLCollection, en representación de todos <td> y / o <th> elementos en el <tr> elemento. Los elementos de la colección están ordenados como aparecen en el código fuente
Ejemplos

Más ejemplos

Ejemplo

[Índice]

Alertar al innerHTML de la primera celda de la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
Inténtalo tú mismo "

Ejemplo

item( index )

Alertar al innerHTML de la primera celda de la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
Inténtalo tú mismo "

Ejemplo

namedItem( id )

Alertar al innerHTML de la célula con id = "myTd" en la primera fila de la tabla:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
Inténtalo tú mismo "

Ejemplo

Cambiar el contenido de la primera celda de la tabla:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Inténtalo tú mismo "
<TableRow Object