HTML DOM Nodi
In HTML DOM (Document Object Model) , è tutto un nodo:
- Il documento stesso è un nodo di documenti
- Tutti gli elementi HTML sono nodi elemento
- Tutti gli attributi HTML sono i nodi di attributi
- Testo all'interno di elementi HTML sono i nodi di testo
- I commenti sono nodi di commenti
Il Document Object
Quando un documento HTML viene caricato in un browser Web, si trasforma in un oggetto documento.
L'oggetto del documento è il nodo principale del documento HTML e il "owner" di tutti gli altri nodi:
(Nodi elemento, nodi di testo, attribuiscono nodi e nodi di commenti).
L'oggetto documento fornisce proprietà e metodi per accedere a tutti gli oggetti nodo, dall'interno JavaScript.
Tip: Il documento è una parte dell'oggetto finestra e si può accedere come window.document.
Supporto browser
| Oggetto | |||||
|---|---|---|---|---|---|
| Document | sì | sì | sì | sì | sì |
Il Document Object è supportata in tutti i principali browser.
Proprietà oggetto del documento e metodi
Le seguenti proprietà e metodi possono essere utilizzati su documenti HTML:
| Proprietà / Metodo | Descrizione |
|---|---|
| document.activeElement | Restituisce l'elemento attualmente focalizzato nel documento |
| documento. addEventListener() | Attribuisce un gestore di eventi al documento |
| documento. adoptNode() | Adotta un nodo da un altro documento |
| document.anchors | Restituisce una raccolta di tutti <a> elementi nel documento che hanno un attributo name |
| document.applets | Restituisce una raccolta di tutte le <applet> elementi nel documento |
| document.baseURI | Restituisce l'URI di base assoluta di un documento |
| document.body | Imposta o restituisce il corpo del documento (the <body> element) |
| documento. close() | Chiude il flusso di output aperto in precedenza con il documento. open() |
| document.cookie | Restituisce tutte le coppie nome / valore del cookies nel documento |
| documento. createAttribute() | Crea un nodo di attributi |
| documento. createComment() | Crea un nodo di commento con il testo specificato |
| documento. createDocumentFragment() | Crea un nodo DocumentFragment vuoto |
| documento. createElement() | Crea un nodo Element |
| documento. createTextNode() | Crea un nodo di testo |
| document.doctype | Restituisce la Dichiarazione del tipo di documento associato al documento |
| document.documentElement | Restituisce l'elemento del documento del documento (the <html> element) |
| document.documentMode | Restituisce la modalità utilizzata dal browser per rendere il documento |
| document.documentURI | Imposta o restituisce la posizione del documento |
| document.domain | Restituisce il nome di dominio del server che ha caricato il documento |
| document.domConfig | Obsoleto. Restituisce la configurazione DOM del documento |
| document.embeds | Restituisce una raccolta di tutte le <embed> elementi del documento |
| document.forms | Restituisce una raccolta di tutte le <form> elementi nel documento |
| documento. getElementById() | Restituisce l'elemento che ha l' ID attributo con il valore specificato |
| documento. getElementsByClassName() | Restituisce un NodeList contenente tutti gli elementi con il nome della classe specificato |
| documento. getElementsByName() | Restituisce un NodeList contenente tutti gli elementi con un nome specificato |
| documento. getElementsByTagName() | Restituisce un NodeList contenente tutti gli elementi con il nome tag specificato |
| documento. hasFocus() | Restituisce un valore booleano che indica se il documento ha lo stato attivo |
| document.head | Restituisce il <head> elemento del documento |
| document.images | Restituisce una raccolta di tutte le <img> elementi nel documento |
| document.implementation | Restituisce l'oggetto DOMImplementation che gestisce questo documento |
| documento. importNode() | Importa un nodo da un altro documento |
| document.inputEncoding | Restituisce la codifica, set di caratteri, utilizzata per il documento |
| document.lastModified | Restituisce la data e l'ora il documento è stato modificato l'ultima volta |
| document.links | Restituisce una raccolta di tutte le <a> e <area> elementi nel documento che hanno un attributo href |
| documento. normalize() | Rimuove nodi di testo vuoti, e si unisce nodi adiacenti |
| documento. normalizeDocument() | Rimuove nodi di testo vuoti, e si unisce nodi adiacenti |
| documento. open() | Apre uno stream di output HTML per raccogliere uscita dal documento. write() |
| documento. querySelector() | Restituisce il primo elemento che corrisponde a un CSS specificato selector(s) nel documento |
| documento. querySelectorAll() | Restituisce un NodeList statico che contiene tutti gli elementi che corrisponde a una specifica CSS selector(s) nel documento |
| document.readyState | Restituisce il (loading) stato del documento |
| document.referrer | Restituisce l'URL del documento che ha caricato il documento corrente |
| documento. removeEventListener() | Rimuove un gestore di eventi dal documento (che è stato allegato con addEventListener() metodo) |
| documento. renameNode() | Rinomina il nodo specificato |
| document.scripts | Restituisce un insieme di <script> elementi nel documento |
| document.strictErrorChecking | Imposta o restituisce se il controllo degli errori viene applicata o no |
| titolo del documento | Imposta o restituisce il titolo del documento |
| document.URL | Restituisce l'URL completo del documento HTML |
| documento. write() | Scrive espressioni HTML o codice JavaScript a un documento |
| documento. writeln() | Uguale a write() , ma aggiunge un carattere di nuova riga dopo ogni istruzione |
Avvertimento !!!
Nel W3C DOM Core l'oggetto Document eredita tutte le proprietà ei metodi dall'oggetto Node.
Molte di queste proprietà e metodi non hanno senso utilizzato su documenti.
Evitare l'uso di queste proprietà degli oggetti nodo e metodi su oggetti documento HTML:
| Proprietà / Metodo | Ragione per evitare |
|---|---|
| document.attributes | I documenti non hanno gli attributi |
| documento. hasAttributes() | I documenti non hanno gli attributi |
| document.nextSibling | I documenti non hanno fratelli |
| document.nodeName | Questo è sempre #document |
| document.nodeType | Questo è sempre 9 (DOCUMENT_NODE) |
| document.nodeValue | I documenti non hanno un valore di nodo |
| document.ownerDocument | I documenti non hanno un documento proprietario |
| document.ownerElement | I documenti non hanno un elemento proprietario |
| document.parentNode | I documenti non hanno un nodo padre |
| document.previousSibling | I documenti non hanno fratelli |
| document.textContent | I documenti non hanno un contenuto di testo |