Exemplu
Aflați cât de multe rânduri, există într-un tabel:
var x = document.getElementById("myTable").rows.length;Rezultatul x va fi:
2 Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Colecția rânduri returnează o colecție de toate <tr> elemente într - un tabel.
Note: Elementele din colecție sunt sortate așa cum apar în codul sursă.
Indicație: Utilizați insertRow() metoda pentru a crea un nou rând (<tr>) .
Indicație: Utilizați deleteRow() metoda pentru a elimina un rând.
Sfat: utilizați insertCell() metoda pentru a crea o nouă celulă (<td>) .
Sfat: utilizați deleteCell() metoda pentru a șterge o celulă.
Sfat: utilizați celule de colectare pentru a returna o colecție de toate <td> sau <th> elemente într - un tabel.
Suport pentru browser-
| Colectie | |||||
|---|---|---|---|---|---|
| rows | da | da | da | da | da |
Sintaxă
tableObject .rowsProprietăți
| Proprietate | Descriere |
|---|---|
| length | Returnează numărul de <tr> elemente din colecție. Notă: Această proprietate este read-only |
metode
| Metodă | Descriere |
|---|---|
| [ index ] | Returnează <tr> elementul din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| item( index ) | Returnează <tr> elementul din colecția cu indicele specificat (starts at 0) de (starts at 0) . Notă: Returnează null dacă numărul de index este în afara intervalului |
| namedItem( id ) | Returnează <tr> elementul din colecția cu id - ul specificat. Nota: returneaza null daca id - ul nu există |
Detalii tehnice
| DOM Versiune: | Nivelul Core 2 Document Object |
|---|---|
| Întoarcere Valoare: | Un obiect HTMLCollection, reprezentând toate <tr> elemente din <table> element. Elementele din colecție sunt sortate așa cum apar în codul sursă |
Mai multe exemple
Exemplu
[Index]
Alerta innerHTML primului <tr> elementul (index 0) în tabel:
alert(document.getElementById("myTable").rows[0].innerHTML; Încearcă - l singur » Exemplu
item( index )
Alerta innerHTML primului <tr> elementul (index 0) în tabel:
alert(document.getElementById("myTable").rows.item(0).innerHTML); Încearcă - l singur » Exemplu
namedItem( id )
Alerta innerHTML din <tr> elementul cu id = „myRow“ în tabel:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); Încearcă - l singur » Exemplu
Modificarea conținutului primei celule tabel:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; Încearcă - l singur » Pagini similare
HTML de referință: HTML <tr> tag - ul
Referință JavaScript: HTML DOM TableRow Obiect
<Tabelul Object