DOM
Wat is het?
Het Document Object Model (DOM) is een programmeerinterface die een HTML-document voorstelt als een boomstructuur waarin elk element, attribuut en stuk tekst een node wordt. JavaScript kan met deze boom interageren om dynamisch elementen op een webpagina te lezen, wijzigen, toevoegen of verwijderen, wat interactieve en dynamische gebruikerservaringen mogelijk maakt zonder de pagina te herladen.
Praktisch voorbeeld
Om de tekst van een heading te veranderen wanneer een gebruiker op een knop klikt, selecteer je eerst het element met document.getElementById of querySelector, dan wijzig je de inhoud met element.textContent. Je kunt ook styling aanpassen met element.style eigenschappen, CSS-klassen toevoegen met classList.add, of volledig nieuwe elementen maken met createElement en appendChild methodes.
Test je kennis
Wat representeert de DOM?