Taulukon solujen joukko

HTML DOM Table-objekti

Määrittely ja käyttö

cells Joukko palauttaa taulukon kaikki <td> tai <th> -elementtien joukko.

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

Vinkki:Käytä rows -joukko Palauta taulukon kaikki <tr> -elementtien joukko.

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() -menetelmä Poista solu.

Katso myös:

HTML:n viittausoppikirja:HTML <td> -tunniste

HTML:n viittausoppikirja:HTML <th> -tunniste

JavaScriptin viittausoppikirja:HTML DOM TableData-objekti

JavaScriptin viittausoppikirja:HTML DOM TableHeader-objekti

Esimerkki

Esimerkki 1

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

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

Kokeile itse

x tulostus tulee olemaan:

2

Esimerkki 2: [index]

Tulostaa taulukon ensimmäisen rivin ensimmäisen solun innerHTML:n:

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

Kokeile itse

Esimerkki 3: item(index)

Tulostaa taulukon ensimmäisen rivin ensimmäisen solun innerHTML:n:

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

Kokeile itse

Esimerkki 4: namedItem(id)

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

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.

Huomautus:Tämä ominaisuus on lukuinen.

Metodi

Metodi Kuvaus
[index]

Palauttaa joukosta määritellyn indeksin omaavan <td>- ja/tai <th>-elementin (alkaen indeksistä 0).

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

Palauttaa joukosta määritellyn indeksin omaavan <td>- ja/tai <th>-elementin (alkaen indeksistä 0).

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

Palauttaa <td>- ja/tai <th>-elementit määritellystä id:n omaavasta joukosta.

Huomautus: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ä.

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