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.
<!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① |