logo

Dokumentobjektmodell

  1. Dokumentobjekt
  2. Egenskaper til dokumentobjekt
  3. Metoder for dokumentobjekt
  4. Eksempel på dokumentobjekt

De dokumentobjekt representerer hele html-dokumentet.

Når html-dokumentet lastes inn i nettleseren, blir det et dokumentobjekt. Det er den rotelement som representerer html-dokumentet. Den har egenskaper og metoder. Ved hjelp av dokumentobjekt kan vi legge til dynamisk innhold på nettsiden vår.

Som nevnt tidligere, er det gjenstanden for vinduet. Så

 window.document 

Er det samme som

 document 

I følge W3C - 'W3C Document Object Model (DOM) er et plattform- og språknøytralt grensesnitt som lar programmer og skript dynamisk få tilgang til og oppdatere innholdet, strukturen og stilen til et dokument.'


Egenskaper til dokumentobjekt

La oss se egenskapene til dokumentobjektet som kan nås og endres av dokumentobjektet.


Metoder for dokumentobjekt

Vi kan få tilgang til og endre innholdet i dokumentet ved hjelp av dets metoder.

De viktige metodene for dokumentobjekt er som følger:

MetodeBeskrivelse
skriv('streng')skriver den gitte strengen på dokumentet.
writeln('streng')skriver den gitte strengen på dokumentet med linjeskifttegn på slutten.
getElementById()returnerer elementet med den gitte id-verdien.
getElementsByName()returnerer alle elementene som har gitt navn.
getElementsByTagName()returnerer alle elementene med det gitte tagnavnet.
getElementsByClassName()returnerer alle elementene med det gitte klassenavnet.

Tilgang til feltverdi etter dokumentobjekt

I dette eksemplet skal vi få verdien av inndatatekst etter bruker. Her bruker vi dokument.form1.navn.verdi for å få verdien av navnefeltet.

Her, dokument er rotelementet som representerer html-dokumentet.

hva er linux-filsystemet

skjema1 er navnet på skjemaet.

Navn er attributtnavnet til inndatateksten.

verdi er egenskapen som returnerer verdien av inndatateksten.

La oss se det enkle eksemplet på dokumentobjekt som skriver ut navn med velkomstmelding.

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

Utdata fra eksemplet ovenfor

Skriv inn navn: