Ejemplo
Averiguar cuántas filas existen en una tabla:
var x = document.getElementById("myTable").rows.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 filas devuelve una colección de todos los <tr> elementos en una tabla.
Note: Los elementos de la colección están ordenados como aparecen en el código fuente.
Consejo: Utilice la insertRow() método para crear una nueva fila (<tr>) .
Consejo: Utilice la deleteRow() método para eliminar una fila.
Consejo: Utilice la insertCell() método para crear una nueva célula (<td>) .
Consejo: Utilice la deleteCell() método para eliminar una célula.
Consejo: Utilice la células de recogida para devolver una colección de todos los <td> o <th> elementos en una tabla.
Soporte del navegador
| Colección | |||||
|---|---|---|---|---|---|
| rows | Sí | Sí | Sí | Sí | Sí |
Sintaxis
tableObject .rowspropiedades
| Propiedad | Descripción |
|---|---|
| length | Devuelve el número de <tr> elementos de la colección. Nota: Esta propiedad es de sólo lectura |
métodos
| Método | Descripción |
|---|---|
| [ index ] | Devuelve el <tr> 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 <tr> 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 <tr> 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, que representa a todos <tr> elementos en el <table> elemento. Los elementos de la colección están ordenados como aparecen en el código fuente |
Más ejemplos
Ejemplo
[Índice]
Alertar al innerHTML de la primera <tr> elemento (index 0) en la tabla:
alert(document.getElementById("myTable").rows[0].innerHTML; Inténtalo tú mismo " Ejemplo
item( index )
Alertar al innerHTML de la primera <tr> elemento (index 0) en la tabla:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Inténtalo tú mismo " Ejemplo
namedItem( id )
Alertar al innerHTML de la <tr> elemento con id = "Myrow" en la tabla:
alert(document.getElementById("myTable").rows.namedItem("myRow").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 " Páginas relacionadas
Referencia HTML: HTML <tr> etiqueta
JavaScript referencia: HTML DOM TableRow Objeto
<Tabla de objetos