HTMLCollection item() method

Definitie en gebruik

item() De methode retourneert het element op de gespecificeerde index in de HTMLCollection.

Elementen worden gesorteerd op basis van hun positie in de broncode, en de index begint bij 0.

Het kan ook een verkorte methode worden gebruikt, en zal hetzelfde resultaat opleveren:

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

Voorbeeld

Voorbeeld 1

Verkrijg de HTML-inhoud van het eerste <p> element in dit document:

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

probeer het zelf

Syntaxis

HTMLCollection.item(index)

of:

HTMLCollection[index]

Parameterwaarde

Parameter Type Beschrijving
index Number

Verplicht. De index van het element dat moet worden geretourneerd.

Opmerking:Index begint bij 0.

Retournerende waarde

Element objectbetrof de element op de gespecificeerde index.

Retourneert null als de indexbepaling buiten bereik is.

Browserondersteuning

Methode Chrome IE Firefox Safari Opera
item() Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Voorbeeld 2

Wijzig de HTML-inhoud van het eerste <p> element:

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

probeer het zelf

Voorbeeld 3

Doorloop alle elementen met class="myclass" en wijzig hun achtergrondkleur:

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

probeer het zelf

Voorbeeld 4

Verkrijg de HTML-inhoud van de eerste <p> element in de <div> element:

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

probeer het zelf

gerelateerde pagina's

HTMLCollection：length eigenschap

HTML elements:getElementsByClassName() 方法

HTML elements:getElementsByTagName() method