JavaScript DOM

JavaScript DOM pomeni The Document Object Model (slo. Objektni Model Dokumenta) in povezuje spletne strani s skripti ali programskimi jeziki tako, da predstavlja strukturo dokumenta, kot je HTML, ki predstavlja spletno stran, v pomnilniku. Običajno se nanaša na JavaScript, čeprav modeliranje HTML, SVG ali XML dokumentov kot objektov ni del osnovnega jezika JavaScript. Dokument, ki vsebuje HTML, je opisan z vmesnikom Document, ki je razširjen s HTML specifikacijo, da vključuje različne funkcije, specifične za HTML. Zlasti vmesnik Element je izboljšan, da postane HTMLElement in različni podrazredi, ob katerih vsak predstavlja enega od elementov. API HTML DOM omogoča dostop do različnih funkcij brskalnika, kot so zavihki in okna, slogi in tabele CSS slogov, zgodovina brskalnika itd. Podobno je dokument, ki vsebuje SVG, opisan tudi z vmesnikom Document, ki je razširjen s specifikacijo SVG, da vključuje različne funkcije, specifične za SVG.

DOM predstavlja dokument z logičnim drevesom. Vsaka veja drevesa se konča z vozliščem in vsako vozlišče vsebuje predmete. Metode DOM omogočajo programski dostop do drevesa. Z njim lahko spremenimo strukturo, slog ali vsebino dokumenta. Vozlišča imajo lahko pritrjene tudi obdelovalce dogodkov. Ko je dogodek sprožen, se izvajajo obdelovalci dogodkov.

X

Z objektnim modelom dobi JavaScript vso moč, ki jo potrebuje za ustvarjanje dinamičnega HTML-ja.

1. JavaScrip lahko spremeni vse HTML elemente na spletni strani.
2. JavaScrip lahko spremeni vse HTML atribute na spletni strani.
3. JavaScrip lahko spremeni vse CSS sloge na spletni strani.
4. JavaScrip lahko odstrani obstoječe HTML elemente in atribute.
5. JavaScrip lahko doda nove HTML elemente in atribute.
6. JavaScrip se lahko odzove na vse obstoječe HTML dogodke na spletni strani.
7. JavaScrip lahko ustvari nove HTML dogodke na spletni strani.

DOM je W3C (World Wide Web Consortium) standard. Je platforma in jezikovno nevtralen vmesnik, ki programom in skriptom omogoča dinamičen dostop in posodabljanje vsebine, strukture in sloga dokumenta. Razdeljen je na tri različne dele:

1. Core DOM - standardni model za vse vrste dokumentov.
2. XML DOM - standardni model za XML dokumente.
3. HTML DOM - standardni model za HTML dokumente.

Metode HTML DOM so dejanja, ki jih lahko izvajamo na HTML elementih. So vrednosti, ki jih lahko nastavimo ali spremenimo na HTML elementih. V DOM so vsi HTML elementi definirani kot objekti, programski vmesniki so lastnosti in metode vsakega objekta. Lastnost je vrednost, ki jo lahko pridobimo ali nastavimo, metoda je dejanje, ki ga lahko izvede.

Najpogostejši način dostopa do HTML elementa je uporaba ID-ja elementa. V zgornjem primeru je metoda getElementById() uporabila id="p" za iskanje elementa. Najlažji način za pridobitev vsebine elementa je z uporabo innerHTML lastnosti.