HTMLCollection item() -menetelmä

Määritelmä ja käyttö

item() Metodi palauttaa HTMLCollectionissa määritetyn indeksin elementin.

Elementit järjestetään niiden ilmestyysjärjestyksen mukaan lähdekoodissa, indeksit alkavat 0:sta.

Voit käyttää myös lyhennettyä tapaa, ja se tuottaa saman tuloksen:

var x = document.getElementsByTagName("P")[0];

Esimerkki

Esimerkki 1

Hanki nykyisen dokumentin ensimmäisen <p> -elementin HTML-sisältö:

function myFunction() {
  var x = document.getElementsByTagName("P").item(0);
  alert(x.innerHTML);
}

Kokeile itse

Syntaksi

HTMLCollection.item(index)

Tai:

HTMLCollection[index]

Parametrimarja

Parametri Tyyppi Kuvaus
index Number

Välttämätön. Palautettavan elementin indeksi.

Huomautus:Indekset alkavat 0:sta.

Palautusarvo

Elementti-objektiMerkitsee määritetyn indeksin elementtiä.

Jos indeksi ylittää alan, palautetaan null.

Selaimen tuki

Metodi Chrome IE Firefox Safari Opera
item() Tuki Tuki Tuki Tuki Tuki

Lisää esimerkkejä

Esimerkki 2

Muutetaan ensimmäisen <p> -elementin HTML-sisältöä:

document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";

Kokeile itse

Esimerkki 3

Kierretään kaikki class="myclass" -elementit ja muutetaan niiden taustaväriä:

var x = document.getElementsByClassName("myclass");
for (i = 0; i < x.length; i++) {
  x.item(i).style.backgroundColor = "red";
}

Kokeile itse

Esimerkki 4

Hanki <div> -elementin ensimmäisen <p> -elementin HTML-sisältö:

var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;

Kokeile itse

Liittyvät sivut

HTMLCollection:length-ominaisuus

HTML-elementit:getElementsByClassName() metodi

HTML-elementit:getElementsByTagName() -menetelmä