Colección de filas de tabla

Objeto Table del DOM HTML

Definición y uso

rows La colección devuelve una colección de todos los elementos <tr> de la tabla.

Notas:Los elementos de la colección se ordenan según su aparición en el código fuente.

Consejo:Usar método insertRow() Crear una 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.

Consejo:Usar Colección cells Devuelve la colección de todos los elementos <td> o <th> en la tabla.

Véase también:

Manual de referencia de HTML:Etiqueta <tr> de HTML

Manual de referencia de JavaScript:Objeto TableRow del DOM HTML

Ejemplo

Ejemplo 1

Determinar cuántas filas hay en la tabla:

var x = document.getElementById("myTable").rows.length;

Prueba por tu cuenta

El resultado de x será:

2

Ejemplo 2: [index]

Mostrar el innerHTML del primer elemento <tr> (índice 0) en la tabla:

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

Prueba por tu cuenta

Ejemplo 3: item(index)

Mostrar el innerHTML del primer elemento <tr> (índice 0) en la tabla:

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

Prueba por tu cuenta

Ejemplo 4: namedItem(id)

Mostrar el innerHTML del elemento <tr> con id="myRow" en la tabla:

alert(document.getElementById("myTable").rows.namedItem("myRow").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.rows

Atributo

Atributo Descripción
length

Devuelve la cantidad de elementos <tr> en la colección.

Notas:Esta propiedad es de solo lectura.

Método

Método Descripción
[index]

Devuelve el elemento <tr> con el índice especificado en la colección (comienza en 0).

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

Devuelve el elemento <tr> con el índice especificado en la colección (comienza en 0).

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

Devuelve el elemento <tr> con el id especificado en la colección.

Notas:Si el id no existe, devuelve null.

Detalles técnicos

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

El objeto HTMLCollection, que representa todos los elementos <tr> del elemento <table>.

Los elementos de la colección se ordenan según su aparición en el código fuente.

Compatibilidad con navegadores

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

Objeto Table del DOM HTML