PROGRAMMIAMO
JS - L'oggetto document
L'oggetto document

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:

Dom e Bom

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

 

precedente - successiva

Sito realizzato in base al template offerto da

http://www.graphixmania.it