HTMLCollection item() Methode
Voorbeeld
Haal de HTML-inhoud van het eerste <p>-element van dit document op:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
Definitie en gebruik
De item()
methode retourneert het element op de opgegeven index in een HTMLCollection.
De elementen worden gesorteerd zoals ze in de broncode voorkomen en de index begint bij 0.
Een stenomethode kan ook worden gebruikt en zal hetzelfde resultaat opleveren:
var x = document.getElementsByTagName("P")[0];
Browserondersteuning
Method | |||||
---|---|---|---|---|---|
item() | Yes | Yes | Yes | Yes | Yes |
Syntaxis
HTMLCollection.item(index)
OF:
HTMLCollection[index]
Parameterwaarden
Parameter | Type | Description |
---|---|---|
index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
Winstwaarde
Een Element -object, dat het element in de opgegeven index vertegenwoordigt.
Retourneert null als het indexnummer buiten bereik is
Meer voorbeelden
Voorbeeld
Wijzig de HTML-inhoud van het eerste <p> element:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
Voorbeeld
Loop door alle elementen met class="myclass", en verander hun achtergrondkleur:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
Voorbeeld
Haal de HTML-inhoud van het eerste <p>-element in een <div>-element:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
Gerelateerde pagina's
HTMLCollection : Eigenschapslengte
HTML-element: methode getElementsByClassName()
HTML-element: methode getElementsByTagName()