Što je DOM (objektni model dokumenta)?

DOM ( Document Object Model ) je API koji izlaže elemente HTML i XML dokumenata kao objekte programskih jezika. Struktura DOM-a za bilo koji dokument podsjeća na stvarnu strukturu oznake dokumenta. Web developer može programski manipulirati DOM-om kako bi izmijenio web-stranicu, prije ili dok je korisnik pregledan.

Najčešći programski jezik koji se koristi u DOM-u je JavaScript, koji se koristi na većini web-mjesta. Korištenje JavaScripta omogućuje dinamičke promjene DOM-a, uključujući skrivanje, premještanje i animiranje određenih HTML elemenata (kao što su tekst, tablice, slike i cijele podjele).

U prošlosti, DOM je imao temeljne razlike između preglednika, ali danas je postao mnogo standardiziraniji, omogućujući lakše cross-browser skriptiranje koje trebaju izvesti programeri.

DOM primjer pomoću HTML-a

Razmotrite sljedeći HTML dokument:

 Primjer 

Ovo je primjer stranice.

DOM za ovaj dokument uključuje sve elemente i sve tekstualne čvorove u tim elementima. Kod u prethodnom primjeru stvara hijerarhiju objekata kao što je prikazano u nastavku.

Za svaki element ispod korijena dokumenta () nalazi se čvor elementa, a ti čvorovi elemenata imaju tekstualne čvorove koji sadrže tekst koji se nalazi u elementu. Ako je postojao element s atributima, kreirao bi se atributni čvor za taj element, a bilo koji tekst za atribut stvorio bi tekstovni čvor pod tim čvorom atributa.

Internetski uvjeti, programski uvjeti