- Objecte de document
- Propietats de l'objecte del document
- Mètodes d'objecte document
- Exemple d'objecte document
El objecte document representa tot el document html.
Quan el document html es carrega al navegador, es converteix en un objecte de document. Això és el element arrel que representa el document html. Té propietats i mètodes. Amb l'ajuda de l'objecte de document, podem afegir contingut dinàmic a la nostra pàgina web.
Com s'ha esmentat anteriorment, és l'objecte de la finestra. Tan
window.document
És el mateix que
document
Segons el W3C - 'El Document Object Model (DOM) del W3C és una plataforma i una interfície neutral en el llenguatge que permet als programes i scripts accedir i actualitzar dinàmicament el contingut, l'estructura i l'estil d'un document'.
Propietats de l'objecte del document
Vegem les propietats de l'objecte document a les quals es pot accedir i modificar-lo. 
Mètodes d'objecte document
Podem accedir i modificar el contingut del document pels seus mètodes.
Els mètodes importants de l'objecte del document són els següents:
| Mètode | Descripció |
|---|---|
| escriure('cadena') | escriu la cadena donada al document. |
| writeln('cadena') | escriu la cadena donada al document amb un caràcter de nova línia al final. |
| getElementById() | retorna l'element que té el valor d'identificador donat. |
| getElementsByName() | retorna tots els elements que tenen el valor del nom donat. |
| getElementsByTagName() | retorna tots els elements que tenen el nom d'etiqueta donat. |
| getElementsByClassName() | retorna tots els elements que tenen el nom de classe donat. |
Accés al valor del camp per objecte del document
En aquest exemple, obtindrem el valor del text d'entrada per usuari. Aquí, estem utilitzant document.form1.name.value per obtenir el valor del camp de nom.
Aquí, document és l'element arrel que representa el document html.
forma 1 és el nom de la forma.
nom és el nom de l'atribut del text d'entrada.
valor és la propietat que retorna el valor del text d'entrada.
Vegem un exemple senzill d'objecte de document que imprimeix el nom amb un missatge de benvinguda.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: