Was ist das »Shadow DOM«?

Das »Shadow DOM« ist eine versteckte Hierarchie innerhalb von DOM Elementen einer Website. Es entsteht quasi ein DOM im DOM, der gekapselt ist und sein eigenes Styling enthalten kann, das nicht den Rest der Website beeinflusst.

Von der Struktur erinnert das an einen <iframe>, allerdings mit einigen Vorteilen. Z. B. können Elemente innerhalb eines Shadow DOMs über Pseudo-Elemente angesprochen und somit auch von außen gestylt werden.

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.