Het DOM ( Document Object Model ) is een API die de elementen van HTML- en XML-documenten als programmeertaalobjecten blootlegt. De structuur van de DOM voor elk document lijkt op de werkelijke structuur van de opmaak van het document. Een webontwikkelaar kan de DOM programmatisch manipuleren om een ​​webpagina aan te passen, voordat of terwijl deze door de gebruiker wordt bekeken.

De meest gebruikte programmeertaal in de DOM is JavaScript, dat op de meeste websites wordt gebruikt. Met JavaScript kunnen dynamische wijzigingen in de DOM worden aangebracht, waaronder het verbergen, verplaatsen en animeren van bepaalde HTML-elementen (zoals tekst, tabellen, afbeeldingen en hele divisies).

In het verleden had het DOM fundamentele verschillen tussen browsers, maar tegenwoordig is het veel meer gestandaardiseerd, waardoor het eenvoudiger is om scripting tussen browsers uit te voeren door ontwikkelaars.

Een DOM-voorbeeld met HTML

Beschouw het volgende HTML-document:

 Voorbeeld 
Dit is een voorbeeldpagina.

De DOM voor dit document bevat alle elementen en tekstknooppunten in die elementen. De code in het vorige voorbeeld maakt een objecthiërarchie zoals hieronder wordt weergegeven.

Voor elk element onder de documentroot () is er een elementknooppunt, en deze elementknopen hebben tekstknooppunten die de tekst bevatten die in het element is. Als er een element met kenmerken zou zijn, zou een attribuutknooppunt voor dat element worden gemaakt en zou elke tekst voor het attribuut een tekstknooppunt onder dat attribuutknooppunt creëren.

Internettermen, Programmeervoorwaarden