HTML DOM Element nextElementSibling Eigenschaft
- Vorherige Seite nextSibling
- Nächste Seite nodeName
- Zurück zur vorherigen Ebene HTML DOM Elements-Objekt
Definition und Verwendung
nextElementSibling
Die Eigenschaft gibt das nächste Element desselben Baumebenen zurück.
nextElementSibling
Die Eigenschaft ist schreibgeschützt.
Weitere Informationen siehe:
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;
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 |
- Vorherige Seite nextSibling
- Nächste Seite nodeName
- Zurück zur vorherigen Ebene HTML DOM Elements-Objekt