HTMLCollection item() metoden

Definitsjon og bruk

item() Metoden returnerer elementet ved den specificerede indeks i HTMLCollection.

Elementerne sorteres efter deres placering i kildekoden, og indekset starter fra 0.

Man kan også bruge en forkortet metode, og det vil give samme resultat:

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

Eksempel

Eksempel 1

Få HTML-indholdet for den første <p>-element i dokumentet:

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

Prøv det selv

Syntaks

HTMLCollection.item(index)

eller:

HTMLCollection[index]

Parameter værdi

Parameter Type Beskrivelse
index Number

Obligatorisk. Indekset for det element, der skal returneres.

Bemærk:Indekset starter fra 0.

Returværdi

Element objektangiver elementet ved den specificerede indeks.

Hvis indeksnummeret er uden for rækkevidde, returneres null.

Browser support

Metode Chrome IE Firefox Safari Opera
item() Support Support Support Support Support

Flere eksempler

Eksempel 2

Ændr HTML-indholdet for den første <p>-element:

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

Prøv det selv

Eksempel 3

Gennemløb alle elementer med class="myclass" og ændr deres baggrundsfarve:

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

Prøv det selv

Eksempel 4

Få HTML-indholdet for den første <p>-element i <div>-elementet:

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

Prøv det selv

Relaterede sider

HTMLCollection：length egenskab

HTML element:getElementsByClassName() metoden

HTML element:getElementsByTagName() metode