TableRow cells -joukko

HTML DOM TableRow-objekti

Määritelmä ja käyttö

cells Joukko palauttaa taulukon rivissä olevat kaikki <td> tai <th> Elementtien joukko.

Kommentti:Kokonaisuudessaan olevat elementit järjestetään niiden ilmestyysjärjestyksen mukaan alkuperäisessä lähdekoodissa.

Esimerkki

Esimerkki 1

Näytä ensimmäisen rivin solujen määrä:

var x = document.getElementById("myTable").rows[0].cells.length;

Kokeile itse

x tulostaa:

2

Esimerkki 2: [index]

Tulosta taulukon ensimmäisen rivin ensimmäisen solun innerHTML:

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

Kokeile itse

Esimerkki 3: item(index)

Tulosta taulukon ensimmäisen rivin ensimmäisen solun innerHTML:

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

Kokeile itse

Esimerkki 4: namedItem(id)

Tulosta taulukon ensimmäisen rivin id="myTd" -solun innerHTML:

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").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.cells

Ominaisuus

Ominaisuus Kuvaus
length

Palauttaa joukossa olevien <td> ja/tai <th> -elementtien määrän.

Kommentti:Tämä ominaisuus on lukuinen.

Metodi

Metodi Kuvaus
[index]

Palauttaa joukosta määritellyllä indeksillä olevan <td> ja/tai <th> -elementin (alkaen indeksistä 0).

Kommentti:Jos indeksinumero on liian suuri, palautetaan null.
item(index)

Palauttaa joukosta määritellyllä indeksillä olevan <td> ja/tai <th> -elementin (alkaen indeksistä 0).

Kommentti:Jos indeksinumero on liian suuri, palautetaan null.
namedItem(id)

Palauttaa <td> ja/tai <th> -elementit määritellyllä id:llä varustetusta joukosta.

Kommentti:Jos id ei ole olemassa, palautetaan null.

Tekninen yksityiskohta

DOM-versio: Core Level 2 Document Object
Palautusarvo:

HTMLCollection-objekti, joka edustaa kaikki <td> ja/tai <th> -elementit <tr>-elementissä.

Kokonaisuudessaan olevat elementit järjestetään niiden ilmestyysjärjestyksen mukaan alkuperäisessä lähdekoodissa.

Selaimen tuki

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

HTML DOM TableRow-objekti