HTML DOM Element parentNode Eigenschaft

Definition und Verwendung

parentNode Die Eigenschaft gibt den Elternknoten des Elements oder Knotens als Node-Objekt zurück.

Wenn der angegebene Knoten keinen Elternknoten hat, wird zurückgegeben null.

Die parentNode-Eigenschaft ist schreibgeschützt.

Siehe auch:

childNodes-Eigenschaft

firstChild-Eigenschaft

lastChild-Eigenschaft

nextSibling-Eigenschaft

previousSibling-Eigenschaft

nodeName-Eigenschaft

parentElement-Eigenschaft

HTML-Knoten und Elemente

in HTML DOMim (Dokumentobjektmodell), ist ein HTML-Dokument eine Sammlung von Knoten (oder ohne) mit Kindknoten.

Knotenbezieht sich auf Elementknoten, Textknoten und Anmerkungsknoten.

Elementzwischen ihnen befindliche Leerzeichen sind auch Textknoten.

während Elemente nur Elementknoten sind.

Kindknoten und Kindelemente

childNodes zurückgibtKindknoten(Elementknoten, Textknoten und Anmerkungsknoten).

children zurückgibtKindelementebzw. Text- und Anmerkungsknoten).

Brüder und Element-Brüder

Brüdersind "Brüder" und "Schwestern".

Brüdersind Knoten, die den gleichen Elternknoten haben (in derselben childNodes in der Liste).

Element-Brüdersind Elemente, die den gleichen Elternknoten haben (in derselben children in der Liste).

Beispiel

Beispiel 1

Den Knotennamen des Elternknotens von "myLI" abrufen:

let name = document.getElementById("myLI").parentNode.nodeName;

Selbst ausprobieren

Beispiel 2

Klicken Sie auf das Element (<span>), um das übergeordnete Element zu verstecken:

<div>
  <span onclick="this.parentNode.style.display = 'none';">x</span>
</div>

Selbst ausprobieren

Syntax

element.parentNode

oder

node.parentNode

Rückgabewert

Typ Beschreibung
Knoten Elternknoten.
null Wenn ein Knoten keinen Elternknoten hat.

Browserkompatibilität

element.parentnode 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ützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung