Node: parentElement-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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.
<!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
| Spezifikation |
|---|
| DOM # ref-for-dom-node-parentelement① |