The Document Object Model (DOM)

Het Document Object Model staat voor hoe een pagina is opgebouwd. De browser bouwt een model van de structuur en bouwt hiermee de pagina op het scherm. Het DOM kan worden gemanipuleerd door middel van het gebruik van Javascript. Dit kan worden gedaan omdat het een live datastructuur is en zodra deze worden bewerkt zie je gelijk het resultaat hiervan.

3.1. Structuur

Een HTML-document bestaat uit een gelaagde set van elementen. Je begint natuurlijk eerst met een HTML-tag en deze krijgt ‘children’ en ook deze ‘children’ krijgen ‘childrens’. Je snapt het idee, het bestaat uit allemaal verschillende elementen die op een bepaalde volgorde in elkaar zitten.

Image by: https://eloquentjavascript.net/14_dom.html

De browser gebruikt het DOM om een bepaalde datastructuur te laten zien. Voor elk element is er een object waar de browser mee communiceert om uit te zoeken om welk HTML-tag het gaat en wat de inhoudt hiervan is. De weergave hiervan wordt het DOM genoemd.