Het acroniem DOM staat voor Document Object Model en is de officiële benaming voor de wijze waarop de verschillende onderdelen van een HTML-pagina zijn ingericht en hoe hun eigenschappen zijn uit te lezen en te veranderen.

Hiermee krijg je voornamelijk te maken als je internetpagina's maakt met dynamic HTML (dHTML). Lange tijd hebben de twee - toenmalige - grootmachten Microsoft en Netscape in hun browsers twee vrijwel volledig verschillende implementaties van een objectmodel geïmplementeerd. Uiteindelijk bleek het model van Microsoft beter werkbaar en is als basis gebruikt voor de huidige aanbeveling van het World Wide Web Consortium (W3C), een min of meer onafhankelijk platform dat probeert technieken voor internet zodanig universeel te maken dat iedereen ermee kan werken.

Om je een idee te geven van wat je ermee kunt:

In JavaScript kun je eigenschappen voor stukjes van een pagina aanpassen, bijvoorbeeld of hij wel of niet getoond moet worden.

1. In Internet Explorer ging dit via:
   document.all["mijnelement"].style.display='none'.
2. In Netscape 4 ging dit via:
   document.layers['mijnelement'].display='none'.
3. Via het DOM van W3C gaat dit met:
   document.getElementById('mijnelement').style.display='none'.

Tegenwoordig ondersteunen alle browsers de laatste, meest universele versie, in meer of mindere mate. Dat wil zeggen: formeel werken ze met dezelfde standaard, maar de manier van reageren op jouw aanpassingen kan van browser tot browser verschillen, voor wat betreft merk, versie en platform.