Glossary
DOM
Het DOM (Document Object Model) is een programmeerinterface voor webdocumenten. Het vertegenwoordigt de paginastuctuur 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 styling van webpagina's te manipuleren.
Shadow DOM
Shadow DOM is een webstandaard die het mogelijk maakt om het DOM (Document Object Model) en CSS binnen een specifiek element, bekend als de schaduwboom, te encapsuleren. Dit geïsoleerde DOM en CSS zijn gescheiden van het hoofddocument DOM, waardoor effectief een afgebakende scope voor de component ontstaat. Shadow DOM helpt om zelfvoorzienende, herbruikbare webcomponenten te creëren 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, waarmee ontwikkelaars bepaalde delen van de schaduwboom kunnen blootstellen voor aanpassing door de bovenliggende pagina. Dit biedt een flexibele manier om inhoud in de component door te geven en het uiterlijk aan te passen, terwijl encapsulatie behouden blijft.