HTMLCollection item() metod

Definition och användning

item() Metoden returnerar elementet vid den specificerade indexen i HTMLCollection.

Elementa sorteras efter deras plats i källkoden, index börjar från 0.

Man kan också använda en förenklad metod och det kommer att ge samma resultat:

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

Exempel

Exempel 1

Hämta HTML-innehållet för den första <p>-elementet i dokumentet:

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

Prova själv

Syntax

HTMLCollection.item(index)

eller:

HTMLCollection[index]

Parametervärde

Parameter Typ Beskrivning
index Number

Obligatorisk. Index för det element som ska returneras.

Kommentar:Index börjar från 0.

Returvärde

Element-objektindikerar elementet vid den specificerade indexen.

Om indexnumret är utanför intervallet returneras null.

Webbläsarstöd

Metod Chrome IE Firefox Safari Opera
item() Stöd Stöd Stöd Stöd Stöd

Mer exempel

Exempel 2

Ändra HTML-innehållet för den första <p>-elementet:

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

Prova själv

Exempel 3

Genomgå alla element med class="myclass" och ändra deras bakgrundsfärg:

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

Prova själv

Exempel 4

Hämta HTML-innehållet för den första <p>-elementet i <div>-elementet:

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

Prova själv

Relaterade sidor

HTMLCollection：length egenskapen

HTML-element:getElementsByClassName() metoden

HTML-element:getElementsByTagName() metod