Glossary
DOM
Het DOM (Document Object Model) is een programmeerinterface voor webdocumenten. Het vertegenwoordigt de paginstructuur als een boom van objecten, waarbij elke knoop overeenkomt met een HTML-element. JavaScript en webframeworks gebruiken het DOM om dynamisch toegang te krijgen tot en de inhoud, structuur en opmaak van webpagina's te manipuleren.
Shadow DOM
Shadow DOM is een webstandaard die de encapsulatie van het DOM (Document Object Model) en CSS binnen een specifiek element, bekend als de schaduwboom, mogelijk maakt. Dit geïsoleerde DOM en CSS zijn gescheiden van het hoofddocument-DOM, waardoor er effectief een gescopeerde grens voor de component ontstaat. Shadow DOM helpt bij het creëren van zelfcontainende, herbruikbare webcomponenten die aan een webpagina kunnen worden toegevoegd zonder zich zorgen te maken over conflicten met andere stijlen en scripts op de pagina.
Het introduceert ook functies zoals schaduwonderdelen en slots die ontwikkelaars in staat stellen bepaalde delen van de schaduwboom bloot te stellen voor aanpassing door de bovenliggende pagina. Dit biedt een flexibele manier om inhoud in de component door te geven en de uitstraling ervan aan te passen, terwijl de encapsulatie behouden blijft.