HTML DOM NodeList item() methode

Definitie en gebruik

item() De methode retourneert het node op de specifieke index in de NodeList.

Er zijn twee manieren om toegang te krijgen tot het node op een specifieke index:

list.item(index)

of

list[index]

De eenvoudigste en meest gebruikte methode is [index]。

Voorbeeld

Voorbeeld 1

Ophalen van de kindnodes van het <body>-element:

const nodeList = document.body.childNodes;

Probeer het zelf

Voorbeeld 2

Ophalen van de naam van het eerste kindnode:

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

Probeer het zelf

Voorbeeld 3

Het resultaat van dit voorbeeld is identiek:

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

Probeer het zelf

Voorbeeld 4

Ophalen van het HTML-inhoud van het eerste <p>-element in het document:

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

Probeer het zelf

Voorbeeld 5

Haal de HTML-inhoud van het eerste <p> element in "myDIV" op:

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

Probeer het zelf

Voorbeeld 6

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

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

Probeer het zelf

Voorbeeld 7

Wijzig de kleur van alle elementen met class="child":

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

Probeer het zelf

Syntax

nodelist.item(index)

of afgekort als:

nodelist[index]

Parameter

Parameter Beschrijving
index

Verplicht. Index van de nodes in de lijst (index).

Nodes worden gesorteerd op de volgorde waarin ze in het document verschijnen.

Index begint bij 0.

Terugkeerwaarde

Type Beschrijving
Object Node op de opgegeven index.
null Als de index buiten bereik is.

Browserondersteuning

nodelist.item() is een kenmerk van DOM Level 1 (1998).

Alle moderne browsers ondersteunen het:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ondersteuning 9-11 Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Gerelateerde pagina's

length Eigenschap

entries() Methode

forEach() Methode

keys() Methode

values() Methode

NodeList Object

childNodes() Methode

querySelectorAll() Methode

getElementsByName() Methode