Taulukon rivit -kokoelma

HTML DOM Table-objekti

Määrittely ja käyttö

rivit Kokoelma palauttaa kaikkien <tr> elementtien kokoelman taulukossa.

Huomautus:Kokoelmassa olevat elementit järjestetään niiden ilmestyysjärjestykseen lähdekoodissa.

Vinkki:Käytä insertRow() metodi Luo uusi rivi (<tr>).

Vinkki:Käytä deleteRow() metodi Poista rivi.

Vinkki:Käytä insertCell() -metodi Luo uusi solu (<td>).

Vinkki:Käytä deleteCell() -metodi Poista solu.

Vinkki:Käytä cells-kokoelma Palauttaa kokoelman kaikista <td> tai <th> -elementeistä.

Lisäksi:

HTML参照手册：HTML <tr> -tagi

JavaScriptin参照手册：HTML DOM TableRow-objekti

Esimerkki

Esimerkki 1

Selvitä, kuinka monta riviä taulukossa on:

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

Kokeile itse

x tulostaa seuraavasti:

2

Esimerkki 2: [index]

Hiljenna taulukon ensimmäisen <tr>-elementin (indeksi 0) innerHTML:

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

Kokeile itse

Esimerkki 3: item(index)

Hiljenna taulukon ensimmäisen <tr>-elementin (indeksi 0) innerHTML:

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

Kokeile itse

Esimerkki 4: namedItem(id)

Hiljenna taulukon id="myRow" -elementin innerHTML:

alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML);

Kokeile itse

Esimerkki 5

Muuta ensimmäisen taulukon solun sisältöä:

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "UUSI SISÄLTÖ";

Kokeile itse

Syntaksi

tableObject.rows

Ominaisuus

Ominaisuus Kuvaus
length

Palauttaa kokoelmassa olevien <tr>-elementtien määrän.

Huomautus:Tämä ominaisuus on lukuinen.

Metodi

Metodi Kuvaus
[index]

Palauttaa kokoelmasta indeksillä varustetun <tr>-elementin (alkaen indeksistä 0).

Huomautus:Jos indeksi on ylittänyt alueen, palauttaa null.
item(index)

Palauttaa kokoelmasta indeksillä varustetun <tr>-elementin (alkaen indeksistä 0).

Huomautus:Jos indeksi on ylittänyt alueen, palauttaa null.
namedItem(id)

Palauttaa kokoelmasta id-avaimella varustetun <tr>-elementin.

Huomautus:Jos id ei ole olemassa, palauttaa null.

Tekninen yksityiskohta

DOM-versio: Core Level 2 Document Object
Palautusarvo:

HTMLCollection-objekti, joka edustaa kaikki <tr>-elementit <table>-elementissä.

Kokoelmassa olevat elementit järjestetään niiden ilmestyysjärjestykseen lähdekoodissa.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Table-objekti