HTML DOM NodeList item() metode

Definition og brug

item() Metoden returnerer knuden på den specificerede indeks i NodeList.

Der er to metoder til at få adgang til knuden på en bestemt indeks:

list.item(index)

eller

list[index]

Den enkleste og mest almindelige metode er [index]。

Eksempel

Eksempel 1

Få underkunderne til <body>-elementet:

const nodeList = document.body.childNodes;

Prøv det selv

Eksempel 2

Få navnet på den første underknuden:

const list = document.body.childNodes;
let name = list.item(0).nodeName;

Prøv det selv

Eksempel 3

Resultatet er det samme i dette eksemplet:

const list = document.body.childNodes;
let name = list[0].nodeName;

Prøv det selv

Eksempel 4

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

const list = document.getElementsByTagName("p");
text = list.item(0).innerHTML;

Prøv det selv

Eksempel 5

Hent HTML-indholdet for den første <p> element i "myDIV":

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML;

Prøv det selv

Eksempel 6

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

const div = document.getElementById("myDIV");
const list = div.getElementsByTagName("p");
let text = list[0].innerHTML = "Paragraph changed";

Prøv det selv

Eksempel 7

Ændr farven på alle elementer med class="child":

const list = document.querySelectorAll(".child");
for (let i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Prøv det selv

Syntaks

nodelist.item(index)

eller forkortet til:

nodelist[index]

Parameter

Parameter Beskrivelse
index

Obligatorisk. Listen over knernes indeks (indeks).

Knerne sorteres efter deres fremtræden i dokumentet.

Indekset starter fra 0.

Returværdi

Type Beskrivelse
Objekt Knode ved indekset.
null Hvis indekset er uden for rækkevidde.

Browserv understøttelse

nodelist.item() er en DOM Level 1 (1998) egenskab.

Det understøttes af alle moderne browsere:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Understøttelse 9-11 Understøttelse Understøttelse Understøttelse Understøttelse

Relaterede sider

length egenskab

entries() metode

forEach() metode

keys() metode

values() metode

NodeList-objekt

childNodes() metode

querySelectorAll() metode

getElementsByName() metode