L'oggetto document costituisce la radice dell'albero del DOM. Esso rappresenta l'intero documento html: in pratica corrisponde all'elemento <html> che racchiude tutto il codice della pagina.
L'oggetto document è comune sia al BOM (Browser Object Module) che al DOM (Document Object Module), in quanto fornisce il raccordo fra la rappresentazione del browser e la rappresentazione del documento caricato nel browser stesso:
Qui di seguito forniamo un elenco delle principali propretà dell'oggetto document:
Proprietà | Descrizione |
---|---|
activeElement | Torna l'elemento che ha correntemente il focus, cioè quello che riceve l'input da tastiera |
anchors | Torna un array di tutti gli elementi <a> nel documento dotati di un attributo name |
body | Permette di accedere all'elemento <body> del documento |
doctype | Torna la dichiarazione Document Type associata col documento |
domain | Torna il nome del server su cui è caricato il documento |
forms | Torna un array di tutti gli elementi <form> del documento |
head | Permette di accedere all'elemento <head> del documento |
images | Torna un array di tutti gli elementi <img> del documento |
inputEncoding | Torna l'encoding cioè il set di caratteri usati nel documento |
lastModified | Torna la data e l'ora dell'ultima modifica al documento |
links | Torna un array di tutti gli elementi <a> e <area> nel documento dotati di un attributo href |
scripts | Torna un array di tutti gli elementi <script> nel documento |
title | Permette di accedere all'elemento <title> del documento |
URL | Torna l'URL del documento |
Ed ecco invece i principali metodi dell'oggetto document:
Metodo | Descrizione |
---|---|
createAttribute() | Crea un attributo (da associare a un elemento con setAttributeNode) |
createComment() | Crea ed aggiunge un commento |
createElement() | Crea ed aggiunge un elemento al documento |
createTextNode() | Crea un nodo di testo |
getElementById() | Torna l'elemento con l'id specificato |
getElementsByClassName() | Torna una lista di elementi appartenenti alla classe specificata |
getElementsByName() | Torna una lista di tutti gli elementi con l'attributo name specificato (attualmente l'attributo name è usato solo per gli elementi dei form, mentre in tutti gli altri casi è deprecato e si suggerisce l'uso di id) |
getElementsByTagName() | Torna una lista di tutti gli elementi col nome di tag specificato |
hasFocus() | Torna un risultato true o false a seconda che il documento abbia o no il focus |
querySelector() | Torna il primo elemento del documento che corrisponde a un dato selettore CSS |
querySelectorAll() | Torna una lista con tutti gli elementi che corrispondono a un selettore CSS |
write() | Scrive su una finestra aperta o un documento |
writeln() | Come write() ma aggiunge una andata a capo (new line) dopo ogni chiamata |
Sito realizzato in base al template offerto da
http://www.graphixmania.it