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 Hauptdokumenten-DOM getrennt und schaffen effektiv eine scoped Grenze für die Komponente. Shadow DOM hilft, 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 Schattenparts und Slots ein, die es Entwicklern ermöglichen, bestimmte Teile des Schattenbaums für die Anpassung durch die übergeordnete Seite freizugeben. Dies bietet eine flexible Möglichkeit, Inhalte in die Komponente einzufügen und ihr Erscheinungsbild anzupassen, während die Kapselung beibehalten wird.