HTML DOM Element previousElementSibling Eigenschaft

Definition und Verwendung

previousElementSibling Die Eigenschaft gibt das vorherige Element desselben Baumebenen zurück.

previousElementSibling Die Eigenschaft ist schreibgeschützt.

Weitere Informationen siehe:

nextElementSibling-Eigenschaft

children-Eigenschaft

firstElemenChild-Eigenschaft

lastElemenChild-Eigenschaft

childElementCount-Eigenschaft

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;

Selbst ausprobieren

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