JavaScript HTML DOM joukko

HTMLCollection-objekti

getElementsByTagName() Metodi palauttaa HTMLCollection Objekti.

HTMLCollection-objekti on HTML-elementtien luokkaryhmä (kokonaisuus).

Seuraava koodi valitsee dokumentista kaikki <p>-elementit:

Esimerkki

var x = document.getElementsByTagName("p");

Kokonaisuuden elementtejä voidaan tarkastella indeksin avulla.

Jos haluat saavuttaa toisen <p>-elementin, voit kirjoittaa näin:

y = x[1];

Kokeile itse!

Huomautus:Indeksi alkaa 0:sta.

HTML HTMLCollection pituus

length Ominaisuus määrittää HTMLCollection-elementtien määrän:

Esimerkki

var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;

Kokeile itse!

Esimerkki selitetty:

  • Luo kokoelman kaikista <p>-elementeistä
  • Näytä kokoelman pituus

length Ominaisuudet ovat hyödyllisiä, kun haluat käydä läpi kokoelman elementtejä:

Esimerkki

Muuta kaikkien <p>-elementtien taustaväriä:

var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

Kokeile itse!

HTMLCollection ei ole taulukko!

HTMLCollection saattaa näyttää taulukolta, mutta se ei ole taulukko.

Voit käydä läpi listan ja käyttää numeroituja viittauksia elementteihin (kuten taulukossa).

Kuitenkin, sinun ei ole mahdollista käyttää HTMLCollection-taulukon menetelmiä, kuten valueOf()、pop()、push() tai join().