Document Object Model

Document Object Model (DOM) eller Dokument Objekt Modellen er en cross-platform og sprog-agnostisk måde hvor på man kan repræsentere og arbejde med HTML, XHTML og XML dokumenter. DOM gør det muligt at dynamisk ændre en HTML sides udseende. Ved hjælp af DOM kan man tilføje elementer, fjerne elementer, redigere elementer, og meget mere.

Historik

JavaScript blev udgivet af Netscape Communications sammen med Netscape Navigator 2.0 i 1996. Netscapes konkurrent, Microsoft, udgav Internet Explorer 3.0 senere samme år med deres egen version af JavaScript kaldet JScript. JavaScript og JScript gjorde det muligt for brugeren at interagere med hjemmesiden client-side. De begrænsede funktioner som kom med disse sprog endte med at blive kaldt "Dom Level 0" eller "Legacy DOM". På tidspunktet var der ikke blevet udviklet nogen uafhængige standarder for sprogene.

Applikationer

DOMs vigtigste funktion er at sørge for at en hjemmeside ikke behøver at opdatere hele indholdet for at ændre værdien i en enkelt tekstboks. Det sikrer en nedskæring af traffik mellem klient og server som giver en økonomisk besparelse for begge samt det gør oplevelsen af siden mere behagelig da man ikke skal bliver ved med at se alt indholdet forsvinde og komme frem igen hver gang man ændrede noget.

Referecer

Webcode
JavaScript	for - while - do while - for in - løkke - løkker i løkker - if - if-else - else-if - Conditional - Switch - break - continue - Funktion - Return - Returværdi - Rekursion - Sekvens - Javascript strukturer
js Input	Checkbox - Dropdown - Form - Input button - Input filter - Input password - Input text - Textarea - submit knap - Option - Prompt - Confirm - Radio button - Select - Input-Tag - Keyboard event
js Output	Alert - Document.write - Frameset output - Objekt egenskaber - Objekt output - Text-felt til output - Vindue output - Billed egenskaber - Canvas
js Syntaks	Arrays - Betingelse - Identifyer - Variabel - Variabel scope - Type - Sekvens
js Objekt	Canvas - Billed egenskaber - Egne objekter - Events - HTML-objekter - Keyboard event - Event-handler - Browser detektering - Preload images - Document Object Model
Tid i JavaScript	Date objektet - setTimeout - setInterval
PHP	Header - Include