Det dokumentobjekt repræsenterer hele html-dokumentet.
Når html-dokument er indlæst i browseren, bliver det et dokumentobjekt. Det er rodelement der repræsenterer html-dokumentet. Det har egenskaber og metoder. Ved hjælp af dokumentobjekt kan vi tilføje dynamisk indhold til vores webside.
Som tidligere nævnt er det genstand for vindue. Så
window.document
Er det samme som
document
Ifølge W3C - 'W3C Document Object Model (DOM) er en platforms- og sprogneutral grænseflade, der tillader programmer og scripts dynamisk at få adgang til og opdatere indholdet, strukturen og stilen i et dokument.'
Egenskaber for dokumentobjekt
Lad os se egenskaberne for dokumentobjektet, der kan tilgås og ændres af dokumentobjektet. 
Metoder til dokumentobjekt
Vi kan få adgang til og ændre indholdet af dokumentet ved hjælp af dets metoder.
De vigtige metoder til dokumentobjekt er som følger:
| Metode | Beskrivelse |
|---|---|
| skriv('streng') | skriver den givne streng på dokumentet. |
| writeln('streng') | skriver den givne streng på dokumentet med nylinjetegn i slutningen. |
| getElementById() | returnerer elementet med den angivne id-værdi. |
| getElementsByName() | returnerer alle de elementer, der har den angivne navnværdi. |
| getElementsByTagName() | returnerer alle elementer med det givne tagnavn. |
| getElementsByClassName() | returnerer alle elementer med det givne klassenavn. |
Adgang til feltværdi efter dokumentobjekt
I dette eksempel vil vi få værdien af inputtekst efter bruger. Her bruger vi dokument.form1.navn.værdi for at få værdien af navnefeltet.
Her, dokument er rodelementet, der repræsenterer html-dokumentet.
tynd algoritme
form1 er formens navn.
navn er attributnavnet på inputteksten.
værdi er den egenskab, der returnerer værdien af inputteksten.
Lad os se det enkle eksempel på dokumentobjekt, der udskriver navn med velkomstbesked.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: