Glossary
DOM
Das DOM (Document Object Model) ist eine Programmierschnittstelle für Webdokumente. Es stellt die Seitenstruktur als einen Baum von Objekten dar, wobei jeder Knoten einem HTML-Element entspricht. JavaScript und Web-Frameworks verwenden das DOM, um dynamisch auf den Inhalt, die Struktur und das Styling von Webseiten zuzugreifen und diese zu manipulieren.
Shadow DOM
Shadow DOM ist ein Webstandard, der die Kapselung des DOM (Document Object Model) und CSS innerhalb eines bestimmten Elements ermöglicht, das als Schattenbaum bekannt ist. Dieses isolierte DOM und CSS sind vom Hauptdokument DOM getrennt, was effektiv eine abgegrenzte Grenze für die Komponente schafft. Shadow DOM hilft dabei, eigenständige, wiederverwendbare Webkomponenten zu erstellen, die zu einer Webseite hinzugefügt werden können, ohne sich um Konflikte mit anderen Stilen und Skripten auf der Seite sorgen zu müssen.
Es führt auch Funktionen wie Schattenteile und Slots ein, die es Entwicklern ermöglichen, bestimmte Teile des Schattenbaums zur Anpassung durch die übergeordnete Seite freizugeben. Dies bietet eine flexible Möglichkeit, Inhalte in die Komponente zu übergeben und ihr Erscheinungsbild anzupassen, während die Kapselung erhalten bleibt.