HTML DOM Element previousElementSibling Eigenschaft
- Vorherige Seite previousSibling
- Nächste Seite querySelector()
- Zurück zur übergeordneten Ebene HTML DOM Elements-Objekt
Definition und Verwendung
previousElementSibling
Die Eigenschaft gibt das vorherige Element desselben Baumebenen zurück.
previousElementSibling
Die Eigenschaft ist schreibgeschützt.
Weitere Informationen siehe:
HTML-Knoten und Elemente
in HTML DOMim (oder ohne) Knotensammlung, die HTML-Dokument ist eine Sammlung von Knoten (oder)
Knotenbezeichnet Elementknoten, Textknoten und Kommentarknoten.
ElementDer Leerzeichen zwischen ihnen sind auch Textknoten.
wobei Elemente nur Elementknoten sind.
Brüder und Elementbrüder
Brüderbedeuten "Brüder" und "Schwestern".
BrüderSind Knoten, die denselben übergeordneten Knoten haben (im selben childNodes in der Liste).
ElementbrüderSind Elemente, die denselben übergeordneten Knoten haben (im selben children in der Liste).
Kindknoten und Kindelemente
childNodes RückgabeKindknoten(Elementknoten, Textknoten und Kommentarknoten).
children RückgabeKindelemente(nicht Text- und Kommentarknoten).
nextSibling und nextElementSibling
nextSibling Rückgabe des nächstenKnoten(Elementknoten, Textknoten oder Kommentarknoten). Der Leerzeichen zwischen Elementen sind auch Textknoten.
nextElementSibling Rückgabe des nächstenElement(keine Text- und Kommentarnodes zurückgeben).
previousSibling und previousElementSibling
previousSibling Rückgabe des vorherigenKnoten(Elementknoten, Textknoten oder Kommentarknoten). Der Leerzeichen zwischen Elementen sind auch Textknoten.
previousElementSibling Rückgabe des vorherigenElement(keine Text- und Kommentarnodes zurückgeben).
Beispiel
Rückgabe des HTML-Inhalts des vorherigen Bruders:
let text = element.previousElementSibling.innerHTML;
Syntax
element.previousElementSibling
Rückgabewert
Typ | Beschreibung |
---|---|
Element | Voriger Bruder-Element |
null | Wenn es keine vorherigen Brüder gibt. |
Browserunterstützung
element.previousElementSibling
Es ist eine DOM Level 3 (2004) -Funktion.
Es wird in 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 previousSibling
- Nächste Seite querySelector()
- Zurück zur übergeordneten Ebene HTML DOM Elements-Objekt