A DOM ( Document Object Model ) egy olyan API, amely a HTML és az XML dokumentumok elemeit programozási nyelv objektumoknak teszi ki. A DOM struktúrája bármely dokumentumhoz hasonlít a dokumentum jelölésének tényleges felépítésére. A webfejlesztő programozottan manipulálhatja a DOM-ot, hogy módosítsa a weboldalt, mielőtt azt a felhasználó látná.

A DOM-ban használt leggyakoribb programozási nyelv a JavaScript, amelyet a legtöbb webhelyen használnak. A JavaScript használatával dinamikus változtatások történhetnek a DOM-ban, beleértve bizonyos HTML elemek elrejtését, mozgatását és animálását (például szöveget, táblázatokat, képeket és egész divíziókat).

A múltban a DOM-nak alapvető különbségei voltak a böngészők között, de ma már sokkal szabványosabbá vált, lehetővé téve a fejlesztők számára a böngésző számára egyszerűbb böngésző-parancsfájlokat.

DOM példa HTML használatával

Fontolja meg a következő HTML dokumentumot:

 Példa 
Ez egy példaoldal.

Ennek a dokumentumnak a DOM tartalmazza az összes elemet és szöveges csomópontot az elemekben. Az előző példában szereplő kód objektumhierarchiát hoz létre az alábbiak szerint.

A dokumentumgyökér () alatti elemekre van egy elemcsomópont, és ezeknek az elemcsomópontoknak szöveges csomópontjai vannak, amelyek az elemben található szöveget tartalmazzák. Ha van egy attribútummal rendelkező elem, akkor az elemhez egy attribútum csomópont jön létre, és az attribútum bármely szövege egy szövegcsomópontot hozna létre az attribútum csomópont alatt.

Internetes kifejezések, programozási feltételek