DOM
Staat voor "Document Object Model."
De DOM is een programmeerinterface voor het openen en wijzigen van de inhoud van webpagina's en XML-documenten. Het definieert de logische structuur van een document en behandelt dit als een boom waarin elke vertakkende knoop afzonderlijke elementen vertegenwoordigt. Programma's en scripts kunnen de DOM openen om de structuur, inhoud en stijl van het document te lezen en te wijzigen.
De DOM organiseert de structuur van HTML- en XML-bestanden in een hiërarchie van objecten die 'knopen' worden genoemd. Aan de basis staat de Document-knoop, die het document als geheel vertegenwoordigt. Daarna volgen de Element-knopen, die afzonderlijke HTML- of XML-tags vertegenwoordigen. Element-knopen zijn zelf hiërarchisch doordat ze in elkaar zijn genest. De <html>-knoop bevindt zich bijvoorbeeld het dichtst bij de basis van het document en bevat zowel de knopen <head> als <body>, die elk weer onderliggende knopen bevatten, zoals de elementen <div> en <p>.
Elke Element-knoop in de DOM bevat verschillende Attribuut-knopen die de eigenschappen ervan wijzigen. Een <img>-elementknoop kan bijvoorbeeld attribuutknopen bevatten voor src, alt, width en height, waarmee JavaScript een van deze attributen kan wijzigen. Tot slot bevatten Tekst-knopen de tekst binnen elk element, waaruit de documentinhoud bestaat. Tekst-knopen zijn de bladeren van de boom en hebben daarna geen verdere niveaus.
Door JavaScript (of andere scripttalen) te gebruiken om de DOM van een pagina te openen, kun je dynamische en interactieve webpagina's maken. Aan knopen gekoppelde gebeurtenisafhandelaars kunnen bijvoorbeeld wachten op interacties van de gebruiker, zoals muisklikken of toetsenbordinvoer, en vervolgens de inhoud van de pagina aanpassen. JavaScript-gebeurtenissen kunnen de DOM gebruiken om bestaande knopen te verwijderen en nieuwe toe te voegen. Scripts kunnen gegevens ophalen uit een database op een server en de DOM gebruiken om die gegevens in specifieke tekstelementen in te voegen. Scripts kunnen de DOM ook gebruiken om de CSS-eigenschappen van elementen te wijzigen en het uiterlijk en de indeling van het document aan te passen.
Test je kennis