Uvod u DOM

• Svibanj 3, 2024

DOM je akronim za Document Object Model. To je način gledanja HTML-a koji omogućava programerima web stranica da stvaraju funkcije i manipuliraju s kôdom na načine koji bi u protivnom bili nemogući.

Postoje tri osnovne vrste DOM-a; jezgra DOM, pomoću koje se može definirati bilo koji dokument bez obzira na vrstu; XML DOM, koji se koristi s XML dokumentima, i HTML DOM. Ova je posljednja vrsta najvažnija i najkorisnija za programere HTML-a, tako da je to DOM u ovom članku.

HTML DOM dijeli HTML stranicu na čvorove. Svi su čvorovi povezani međusobno, pri čemu se podređeni čvorovi spuštaju od svojih nadređenih čvorova i od korijenskog čvora na vrhu, u obliku nalik na stablo. Ono što DOM čini tako važnim i korisnim za razvojne programere HTML-a jest to što ova definicija razlikuje svaki dio stranice i locira ga u odnosu na sve ostale dijelove, tako da je lako oblikovati kôd koji se odnosi na taj određeni odjeljak i utječe samo na taj dio , Na primjer, to čini HTML DOM ključnim za programiranje JavaScripta, jer pruža način da Javascript program izravno koristi HTML elemente. Bez DOM-a nemoguće je da program Javascript nudi dinamičan pristup sadržaju web stranice. Kao jedan primjer, pomoću DOM metoda mogli biste napisati program koji mijenja tekst unutar određenog HTML elementa ako se dogodi određeni događaj (recimo, posjetitelj klikne gumb na stranici).

Kao što već znate, HTML stranica sastoji se od različitih elemenata poput ovoga:



Uzorak HTML stranice

Ovo je primjer osnovne HTML stranice.

Kod DOM-a je svaki element (sve između jedne skupine oznaka, poput) čvor. Čvor se zove korijenski čvor i najosnovniji je; ima dva podređena čvora, čvor i čvor. U gornjem primjeru, čvor je dijete čvora i

čvor je dijete čvora.

Web programer može koristiti i mijenjati DOM pomoću određenih naredbi. Ove naredbe su podijeljene na svojstva (koja opisuju dio HTML stranice) i metode (koje čine nešto na tom dijelu stranice).

Pojedinosti o tome kako koristiti HTML DOM potražite u sljedećem članku, "Rad s DOM-om", koji će biti objavljen sljedeći tjedan.

Upute Video: Pinkova zvezdica, Ljuba Stanković, u poseti redakciji portala Espreso (Svibanj 2024).