HTML DOM Element nextSibling-Eigenschaft

Definition und Verwendung

nextSibling Die Eigenschaft gibt den nächsten Knoten auf der gleichen Baumebene zurück.

nextSibling Gibt ein Node-Objekt zurück.

nextSibling Die Eigenschaft ist schreibgeschützt.

Beachten Sie

nextSibling Gibt den nächsten Brüderknoten zurück: Elementknoten, Textknoten oder Kommentar-Knoten.

Der Leerraum zwischen den Elementen ist ebenfalls ein Textknoten.

Alternative Optionen:

nextElementSibling-Attribut - nextElementSibling Gibt den nächsten Geschwisterknoten des Elements zurück (ignoriert Text- und Kommentarknoten).

Weitere Informationen:

previousSibling-Attribut

firstChild-Attribut

lastChild-Attribut

childNodes-Attribut

hasChildNodes()-Methode

HTML-Knoten und Element

In HTML-DOMim (Dokument-Objekt-Modell), ist die HTML-Dokument eine Sammlung von Knoten (oder ohne) mit Kindknoten.

Knotenbezeichnet Elementknoten, Textknoten und Kommentarknoten.

ElementLeerzeichen zwischen ihnen sind ebenfalls Textknoten.

wobei Elemente nur Elementknoten sind.

Geschwister und Element-Geschwister

Geschwisterbedeuten "Bruder" und "Schwester".

GeschwisterSind Knoten mit demselben Elternteil (in derselben childNodes in der Liste）.

Element-GeschwisterSind Elemente mit demselben Elternteil (in derselben children in der Liste）.

Kindknoten und Kindelement

childNodes Gibt zurückKindknoten（Elementknoten, Textknoten und Kommentarknoten）.

children Gibt zurückKindelement（Nicht Text- und Kommentarknoten）.

nextSibling und nextElementSibling

nextSibling Gibt den nächstenKnoten（Elementknoten, Textknoten oder Kommentarknoten）。Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

nextElementSibling Gibt den nächstenElement（Keine Text- und Kommentarknoten zurückgeben）。

previousSibling und previousElementSibling

previousSibling Gibt den vorherigenKnoten（Elementknoten, Textknoten oder Kommentarknoten）。Leerzeichen zwischen Elementen sind ebenfalls Textknoten.

previousElementSibling Gibt den vorherigenElement（Keine Text- und Kommentarknoten zurückgeben）。

Beispiel

Gibt den HTML-Inhalt des nächsten Geschwisterknotens der Liste zurück:

document.getElementById("item1").nextSibling.innerHTML;

Versuchen Sie es selbst

Syntax

element.nextSibling

oder

node.nextSibling

Rückgabewert

Typ Beschreibung
Knoten Der nächste Geschwisterknoten des Elements.
null Wenn der nächste Geschwisterknoten nicht existiert.

Browser-Unterstützung

element.nextSibling Es ist eine Eigenschaft von DOM Level 1 (1998).

Es wird von allen Browsern vollständig unterstützt:

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