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:
Metode | Beskrivelse |
---|---|
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: