HTML DOM NodeList item() Methode

Definition und Verwendung

item() Die Methode gibt den Knoten an der angegebenen Indexposition im NodeList zurück.

Es gibt zwei Methoden, um auf den Knoten an einer bestimmten Indexposition zuzugreifen:

list.item(index)

oder

list[index]

Der einfachste und häufigste Weg ist [index]。

Beispiel

Beispiel 1

Erhalten Sie die Kindknoten des <body>-Elements:

const nodeList = document.body.childNodes;

Selbst ausprobieren

Beispiel 2

Erhalten Sie den Knotennamen des ersten Kindknotens:

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

Selbst ausprobieren

Beispiel 3

Das Ergebnis dieses Beispiels ist gleich:

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

Selbst ausprobieren

Beispiel 4

Erhalten Sie den HTML-Inhalt des ersten <p>-Elements im Dokument:

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

Selbst ausprobieren

Beispiel 5

Erhalten Sie den HTML-Inhalt des ersten <p>-Elements in "myDIV":

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

Selbst ausprobieren

Beispiel 6

Ändern Sie den HTML-Inhalt des ersten <p>-Elements in "myDIV":

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

Selbst ausprobieren

Beispiel 7

Ändern Sie die Farbe aller Elemente mit class="child":

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

Selbst ausprobieren

Syntax

nodelist.item(index)

oder kurz als:

nodelist[index]

Parameter

Parameter Beschreibung
index

Erforderlich. Index der Liste der Knoten (Index).

Knoten werden in der Reihenfolge ihrer Erscheinung im Dokument sortiert.

Der Index beginnt bei 0.

Rückgabewert

Typ Beschreibung
Objekt Knoten am angegebenen Index.
null Wenn der Index außerhalb des Bereichs liegt.

Browser-Unterstützung

nodelist.item() ist eine Eigenschaft des DOM Level 1 (1998).

Es wird es in allen modernen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

length Eigenschaft

entries() Methode

forEach() Methode

keys() Methode

values() Methode

NodeList Objekt

childNodes() Methode

querySelectorAll() Methode

getElementsByName() Methode