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.