HTML DOM NodeList item() metod

Definition och användning

item() Metoden returnerar noden vid den specifika indexpositionen i NodeList.

Det finns två sätt att komma åt noden vid en specifik indexposition:

list.item(index)

eller

list[index]

Det enklaste och mest använda sättet är [index]。

Exempel

Exempel 1

Få undernoderna till <body>-elementet:

const nodeList = document.body.childNodes;

Prova själv

Exempel 2

Få nodnamnet på den första undernoden:

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

Prova själv

Exempel 3

Resultatet är detsamma i detta exempel:

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

Prova själv

Exempel 4

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

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

Prova själv

Exempel 5

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

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

Prova själv

Exempel 6

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

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

Prova själv

Exempel 7

Ändra färgen på alla element med class="child":

const list = document.querySelectorAll(".child");
för (låt i = 0; i < list.length; i++) {
  list[i].style.color = "red";
}

Prova själv

Syntax

nodelist.item(index)

eller förenklad som:

nodelist[index]

Parameter

Parameter Beskrivning
index

Obligatoriskt. Indexet för listan av noder (index).

Noder sorteras i den ordning de dyker upp i dokumentet.

Indextalet börjar vid 0.

Återvärd

Typ Beskrivning
Objekt Noden vid den angivna indexpositionen.
null Om indexet är utanför intervallet.

Webbläsarstöd

nodelist.item() är en DOM Level 1 (1998) egenskap.

Alla moderna webbläsare stöder det:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd 9-11 Stöd Stöd Stöd Stöd

Relaterade sidor

length egenskap

entries() metod

forEach() metod

keys() metod

values() metod

NodeList-objekt

childNodes() metod

querySelectorAll() metod

getElementsByName() metod