Das Elternelement ist das Element, das ein anderes unmittelbar umschließt. Jedes Element im Dokument hat genau eines, mit Ausnahme des äußersten.
- Elternelement
Das Element, das ein anderes unmittelbar umschließt.
Beispiel: „Die Breite richtet sich nach dem Elternelement, nicht nach dem Fenster.“Die Gegenrichtung ist das Kindelement.
Abgrenzung zum Vorfahren: Der umschließt ebenfalls, aber über mehrere Ebenen; das Elternelement ist die nächste.
<section>
<ul> <!-- Elternelement der beiden li -->
<li><a href="/preise/">Preise</a></li>
<li><a href="/kontakt/">Kontakt</a></li>
</ul>
</section>Warum das Elternelement für die Gestaltung zählt
Weil viele Angaben sich darauf beziehen. Eine Breite in Prozent meint den Anteil am Elternelement, eine Position bezieht sich auf den nächsten positionierten Vorfahren, und Schrifteigenschaften werden von oben nach unten weitergereicht.
Deshalb lässt sich ein Element selten für sich allein betrachten. Wer eine Darstellung nicht erklären kann, findet die Ursache meist eine Ebene höher.
Was das Elternelement für Ereignisse bedeutet
Es bekommt sie mit. Ein Klick auf ein Kind läuft über die Kette der Elternelemente nach oben, was sich nutzen lässt, um einen einzigen Zuhörer statt vieler einzurichten.
Das ist der Gegenstand des Event Bubbling. Wer es nicht bedenkt, wundert sich, warum ein Klick zweimal wirkt.
Wie sich das Elternelement auswählen lässt
In Stylesheets lange gar nicht: Die Auswahl lief nur nach unten und zur Seite. Seit es eine Auswahlfunktion für Elemente gibt, die etwas Bestimmtes enthalten, ist auch der Blick nach oben möglich.
In Skripten ging es immer. Dort führt eine Eigenschaft unmittelbar zum Elternelement, und von dort weiter nach oben, bis zum Wurzelelement.