Kolekce řádků tabulky
Příklad
Zjistěte, kolik řádků je v tabulce:
var x = document.getElementById("myTable").rows.length;
Výsledkem x bude:
2
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Kolekce řádků vrací kolekci všech prvků <tr> v tabulce.
Poznámka: Prvky v kolekci jsou seřazeny tak, jak se objevují ve zdrojovém kódu.
Tip: Pomocí metody insertRow() vytvořte nový řádek (<tr>).
Tip: K odstranění řádku použijte metodu deleteRow() .
Tip: Pomocí metody insertCell() vytvořte novou buňku (<td>).
Tip: K odstranění buňky použijte metodu deleteCell() .
Tip: Použijte kolekci buněk k vrácení kolekce všech prvků <td> nebo <th> v tabulce.
Podpora prohlížeče
Collection | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
Syntax
tableObject.rows
Vlastnosti
Property | Description |
---|---|
length | Returns the number of <tr> elements in the collection. Note: This property is read-only |
Metody
Method | Description |
---|---|
[index] | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <tr> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <tr> element from the collection with the specified id. Note: Returns null if the id does not exist |
Technické údaje
Verze DOM: | Základní objekt dokumentu úrovně 2 |
---|---|
Návratová hodnota: | Objekt HTMLCollection, který představuje všechny prvky <tr> v prvku <table>. Prvky v kolekci jsou seřazeny tak, jak se objevují ve zdrojovém kódu |
Další příklady
Příklad
[ index ]
Upozornit na innerHTML prvního prvku <tr> (index 0) v tabulce:
alert(document.getElementById("myTable").rows[0].innerHTML;
Příklad
položka ( index )
Upozornit na innerHTML prvního prvku <tr> (index 0) v tabulce:
alert(document.getElementById("myTable").rows.item(0).innerHTML);
Příklad
NameItem( id )
Upozorněte vnitřní HTML prvku <tr> pomocí id="myRow" v tabulce:
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);
Příklad
Změňte obsah první buňky tabulky:
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
Související stránky
HTML reference: HTML značka <tr>
JavaScript reference: HTML DOM TableRow Object
❮ Objekt tabulky