DOM (Document Object Model)
Objekt je skup varijabli (parametara) i funkcija (metoda). Web pretraživač pruža mogućnost pristupa nizu predefinisanih objekata. Prozor pretraživača u kom se prikazuje stranica naziva se window object (objekt prozora). HTML stranica koju prikazuje pretraživač naziva se document object (objekt dokumenta). Objekt dokumenta vjerovatno je najčešće korišteni objekt JavaScripta na klijentovoj strani.
HTML elementi koji se dodaju stranici proširuju hijerarhiju objekata. Primjer je form element i elementi koji se nalaze unutar form elementa. Ovo znači da je moguće referencirati svaki od dodanih objekata.
DOM je skup objekata koje JavaScript jeziku dodaje pretraživač.
window.document.forms[0] – odnosi se na prvu formu unutar html dokumenta. Forme su u DOM-u implementirane kao polja. Ako postoji više od jedne forme u dokumentu, brojevi forme počinju od 0 i rastu za 1.
window.document.Forma1 – odnosi se na formu unutar html dokumenta naziva Forma1.
window.document.Forma1.Ime.value – odnosi se na vrijednost upisanu u textbox naziva Ime u formu unutar HTML dokumenta naziva Forma1 od strane klijenta.
- <html>
- <head>
- <title> DOM jednostavna forma
- </title>
- </head>
- <body>
- <form name=”Forma1”>
- Ime:
- <input type=”text” name=”Ime” >
- <br />
- <input type=”button” value=”Pošalji informacije”>
- </form>
- <form name=”Forma2”>
- Ime:
- <input type=”text” name=”Prezime” >
- <br />
- <input type=”button” value=”Pošalji informacije”>
- </form>
- </body>
- </html>
Iako je moguće referencirati objekt na formi bilo preko imena forme bilo preko njezina položaja u polju formi, preporučuje se koristiti referenciranje preko imena radi jednostavnijeg praćenja naziva objekata.
Dijagram koji ilustruje Document Object Model (DOM):
