DOM ( Document Object Model ) je API, ktoré vystavuje prvky dokumentov HTML a XML ako objekty programovacieho jazyka. Štruktúra DOM pre akýkoľvek dokument sa podobá skutočnej štruktúre označenia dokumentu. Webový vývojár môže programovo manipulovať s DOM, aby upravil webovú stránku, pred alebo počas prehliadania užívateľom.

Najbežnejším programovacím jazykom používaným v DOM je JavaScript, ktorý sa používa na väčšine webových stránok. Používanie JavaScriptu umožňuje dynamické zmeny v DOM, vrátane skrývania, presúvania a animácie určitých elementov HTML (ako napríklad textu, tabuliek, obrázkov a celých delení).

V minulosti mal DOM zásadné rozdiely medzi prehliadačmi, ale dnes sa stal oveľa štandardizovanejším, čo umožňuje ľahšie krížové prehliadanie skriptov pre vývojárov.

DOM príklad pomocou HTML

Zvážte nasledujúci dokument HTML:

 príklad 
Toto je vzorová stránka.

DOM pre tento dokument obsahuje všetky prvky a všetky textové uzly v týchto prvkoch. Kód v predchádzajúcom príklade vytvorí hierarchiu objektov, ako je znázornené nižšie.

Pre každý prvok pod koreňom dokumentu () je uzol elementu a tieto uzly elementov majú textové uzly obsahujúce text, ktorý je v elemente. Ak by existoval prvok s atribútmi, pre tento prvok by sa vytvoril uzol atribútu a akýkoľvek text pre atribút by vytvoril textový uzol pod týmto uzlom atribútu.

Internetové termíny, podmienky programovania