Document Object Model

Fra HTX Arduino
Spring til navigation Spring til søgning

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