Node: parentElement-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die schreibgeschützte parentElement-Eigenschaft der Node-Schnittstelle gibt das übergeordnete Element des DOM-Knotens zurück oder null, wenn der Knoten entweder kein Elternteil hat oder sein Elternteil kein DOM-[Element](/de/docs/Web/API/Element) ist. Node.parentNode hingegen gibt jede Art von übergeordnetem Element zurück, unabhängig von dessen Typ.

Wert

Ein Element, das das übergeordnete Element des aktuellen Knotens ist, oder null, wenn keines vorhanden ist.

Beispiel

Verwendung von parentElement

Dieses Beispiel setzt das übergeordnete Element von node auf eine rote Textfarbe.

if (node.parentElement) {
  node.parentElement.style.color = "red";
}

parentElement ist null

parentElement kann null sein, wenn der Knoten kein übergeordnetes Element hat (zum Beispiel, weil er nicht an einen Baum angeschlossen ist) oder sein Elternteil kein Element ist. Andererseits gibt Node.parentNode immer den Elternknoten zurück, der ein Document oder andere Knotentypen sein kann.

html

<!doctype html>
<html lang="en-US">
  <body>
    <script>
      const html = document.querySelector("html");
      console.log(html.parentElement); // null
      console.log(html.parentNode); // document
    </script>
  </body>
</html>

Spezifikationen

Specification
DOM # ref-for-dom-node-parentelement①

Browser-Kompatibilität

Siehe auch

Node.parentNode