HTML DOM Element parentElement Eigenschaft

Definition und Verwendung

parentElement Eigenschaft den Elternknoten des angegebenen Elements zurückgibt.

parentElement und parentNode unterscheiden sich darin, dass, wenn der Elternknoten kein Element-Knoten ist, parentElement geben zurück null:

document.body.parentNode; // gibt das <html>-Element zurück
document.body.parentElement; // gibt das <html>-Element zurück
document.documentElement.parentNode; // gibt den Dokumentknoten zurück
document.documentElement.parentElement; // gibt null zurück (<html> hat keinen Eltern-ELEMENT-Knoten)

In den meisten Fällen ist es unwichtig, welche Eigenschaft verwendet wird, aber parentNode kann der beliebteste sein.

dieses Attribut ist schreibgeschützt.

HTML-Knoten und Elemente

in HTML DOM(Document Object Model), bei dem die HTML-Dokumente eine Sammlung von Knoten sind, die (oder nicht) Kindknoten haben.

Knotenbezieht sich auf Element-Knoten, Text-Knoten und Kommentar-Knoten.

Elementzwischen ihnen befindliche Leerzeichen sind ebenfalls Textknoten.

während Elemente nur Element-Knoten sind.

Kindknoten und Kindelemente

childNodes geben zurückKindknoten(Element-Knoten, Text-Knoten und Kommentar-Knoten).

children geben zurückKindelementestatt Text- und Kommentar-Knoten).

Brüder und Element-Brüder

Brüderbedeuten "Brüder" und "Schwestern".

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

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

Beispiel

Beispiel 1

Erhalten Sie den Knotennamen des Elternknotens des <li>-Elements:

var x = document.getElementById("myLI").parentElement.nodeName;

Versuchen Sie es selbst!

Beispiel 2

Klicken Sie auf das Element (<span>), um das übergeordnete Element (<div>) auszublenden:

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

Versuchen Sie es selbst!

Syntax

node.parentElement

Rückgabewert

Typ Beschreibung
Element-Objekt stellt den Elternknoten des Knotens dar.
null wenn der Knoten keinen Elternknoten hat.

Browser-Unterstützung

element.parentElement ist eine Eigenschaft der DOM Level 3 (2004).

Es wird es 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