HTML DOM Element nextElementSibling Eigenschaft

Definition und Verwendung

nextElementSibling Die Eigenschaft gibt das nächste Element desselben Baumebenen zurück.

nextElementSibling Die Eigenschaft ist schreibgeschützt.

Weitere Informationen siehe:

previousElementSibling-Eigenschaft

children-Eigenschaft

firstElemenChild-Eigenschaft

lastElementChild-Eigenschaft

childElementCount-Eigenschaft

HTML-Knoten und Element

in HTML DOMim (Dokument-Objekt-Modell) ist das HTML-Dokument eine Sammlung von Knoten, die (oder nicht) Kindknoten haben.

Knotenbezeichnet Element-Knoten, Text-Knoten und Kommentar-Knoten.

ElementDer Leerzeichen zwischen Elementen sind ebenfalls Text-Knoten.

wobei Element nur Element-Knoten ist.

Kusin und Element-Kusin

Kusinbedeuten „Bruder“ und „Schwester“.

Kusinsind Knoten, die denselben Elternknoten haben (in derselben childNodes in der Liste).

Element-Kusinsind Elemente, die denselben Elternknoten haben (in derselben children in der Liste).

Kind-Knoten und Kind-Element

childNodes RückgabeKind-Knoten(Element-Knoten, Text-Knoten und Kommentar-Knoten).

children RückgabeKind-Element(nicht Text und Kommentar-Knoten).

nextSibling und nextElementSibling

nextSibling Rückgabe des nächstenKnoten(Element-Knoten, Text-Knoten oder Kommentar-Knoten). Der Leerzeichen zwischen Elementen sind ebenfalls Text-Knoten.

nextElementSibling Rückgabe des nächstenElement(keine Text- und Kommentar-Knoten zurückgeben).

previousSibling und previousElementSibling

previousSibling Rückgabe des vorherigenKnoten(Element-Knoten, Text-Knoten oder Kommentar-Knoten). Der Leerzeichen zwischen Elementen sind ebenfalls Text-Knoten.

previousElementSibling Rückgabe des vorherigenElement(keine Text- und Kommentar-Knoten zurückgeben).

Beispiel

Rückgabe des HTML-Inhalts des nächsten Kusins:

let text = element.nextElementSibling.innerHTML;

Selbst ausprobieren

Syntax

element.nextElementSibling

Rückgabewert

Typ Beschreibung
Element Nächster Kusin-Element
null wenn keine nächste Kusin existiert.

Browserkompatibilität

element.nextElementSibling ist eine Eigenschaft von DOM Level 3 (2004).

Es wird von allen Browsern vollständig 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