- Oggetto documento
- Proprietà dell'oggetto documento
- Metodi dell'oggetto documento
- Esempio di oggetto documento
IL oggetto documento rappresenta l'intero documento html.
Quando il documento HTML viene caricato nel browser, diventa un oggetto documento. È il elemento radice che rappresenta il documento html. Ha proprietà e metodi. Con l'aiuto dell'oggetto documento, possiamo aggiungere contenuto dinamico alla nostra pagina web.
Come accennato in precedenza, è l'oggetto di window. COSÌ
window.document
È lo stesso di
strati del modello osi
document
Secondo il W3C: 'Il Document Object Model (DOM) del W3C è una piattaforma e un'interfaccia indipendente dal linguaggio che consente a programmi e script di accedere e aggiornare dinamicamente il contenuto, la struttura e lo stile di un documento.'
Proprietà dell'oggetto documento
Vediamo le proprietà dell'oggetto documento a cui è possibile accedere e modificare dall'oggetto documento. 
Metodi dell'oggetto documento
Possiamo accedere e modificare il contenuto del documento tramite i suoi metodi.
I metodi importanti dell'oggetto documento sono i seguenti:
| Metodo | Descrizione |
|---|---|
| scrivi('stringa') | scrive la stringa data sul documento. |
| writeln('stringa') | scrive la stringa data sul documento con il carattere di nuova riga alla fine. |
| getElementById() | restituisce l'elemento avente il valore id specificato. |
| getElementsByName() | restituisce tutti gli elementi aventi il valore del nome specificato. |
| getElementsByTagName() | restituisce tutti gli elementi aventi il nome del tag specificato. |
| getElementsByClassName() | restituisce tutti gli elementi aventi il nome della classe data. |
Accesso al valore del campo tramite oggetto documento
In questo esempio, otterremo il valore del testo di input per utente. Qui stiamo usando documento.form1.nome.valore per ottenere il valore del campo nome.
Qui, documento è l'elemento root che rappresenta il documento html.
modulo1 è il nome del modulo.
nome è il nome dell'attributo del testo di input.
valore è la proprietà che restituisce il valore del testo di input.
Vediamo il semplice esempio di oggetto documento che stampa il nome con il messaggio di benvenuto.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: