Globale linker
JavaScript
- JavaScript intro
- Plassering
- 1ste script
- Store Bokstaver
- Reserverte ord
- Pop-up bokser
- Variabler
- Operatorer
- If og Else
- Funksjoner
- Events
- Loops
- Arrays
- Objekter
- DOM
- Properties
- Methods
- Dato objektet
- Småtips
- Oppgaver
DOM
Document Object Model er måten JavaScript beskriver en webside på, i DOM'en ligger hjertet til all JavaScript-programmering.
"DOM er en angivelse av alle elementene på en HTML-side i form av et objekt-orientert hierarki som beskriver de ulike delenes egenskaper og forhold til hverandre."
Vi kan tenke oss at dokumentet som sådan utgjør et toppnivå, mens hver avdeling, overskrift, avsnitt, bilde, etc. er objekter som er rangert logisk under hverandre. Dermed kan vi f.eks. referere til en bildeadresse gjennom document.image.src, dvs. dokumentet-sitt-bilde-sin-kildeadresse. Dette gjør det mulig å henvise til spesifikke elementer i et dokument eller forandre på disse. Objekt-modellen gir mulighet å manipulere siden ved hjelp av små programbiter eller 'skript'.
Den objekt-orienterte modellen for alle elementer på en nettside, og muligheten for å adressere disse gjennom et programmeringsspråk er en viktig forutsetning for javascript og dynamisk HTML. Gjennom DOM kan vi referere til aktuelle objekter/elementer på en webside, og det er derfor nødvendig at DOM-modellen er korrekt implementert i nettleseren for at det skal virke ordentlig. Vi må selv sørge for å navngi de elementene vi ønsker å manipulere, f.eks. må vi gi navn til bilder, layers eller skjema-elementer (forms) for å kunne aksessere dem.
Denne måten å se HTML-dokumenter på blir henvist til enten som Dynamic HTML Object Model (Microsoft), HTML Object Model (Netscape) eller Document Object Model (W3C). Sistnevnte har blitt en offisiell rettesnor og standard for dette konseptet."
Ref: "http://www.hf.uio.no/ilf/studier/sli/sli-150/gruppe/uke9/"
