Oggetto Document HTML DOM

Oggetto Document

Quando il documento HTML viene caricato nel browser web, diventa unOggetto documento.

Oggetto documentoè il nodo radice del documento HTML.

Oggetto documentoÈOggetto finestraProprietà.

Accedi ai seguenti attributi.Oggetto documento:

window.document o semplicemente document

Esempio

let url = window.document.URL;

Prova direttamente!

let url = document.URL;

Prova direttamente!

Proprietà e metodi dell'oggetto documento

Le seguenti proprietà e metodi sono disponibili per il documento HTML:

Proprietà / Metodo Descrizione
all[] Restituisce un riferimento a tutti gli elementi HTML del documento.
activeElement Restituisce l'elemento attualmente focalizzato del documento.
addEventListener() Aggiunge un gestore eventi al documento.
adoptNode() Adotta un nodo da un altro documento.
anchors Disattivato.
applets Disattivato.
baseURI Restituisce l'URI assoluto di riferimento del documento.
body Imposta o restituisce il corpo del documento (<body> elemento).
charset Disattivato.
characterSet Restituisce la codifica di caratteri del documento.
close() Chiude lo stream di output aperto precedentemente con document.open().
cookie Restituisce il nome/valore di tutti i cookie del documento.
createAttribute() Crea un nodo attributo.
createComment() Crea un nodo Comment con il testo specificato.
createDocumentFragment() Crea un nodo DocumentFragment vuoto.
createElement() Crea un nodo di elemento.
createEvent() Crea un nuovo evento.
createTextNode() Crea un nodo di testo.
defaultView Restituisce l'oggetto finestra associato al documento, se disponibile, altrimenti restituisce null.
designMode Controlla se l'intero documento dovrebbe essere modificabile.
doctype Restituisce la dichiarazione di tipo di documento associata al documento.
documentElement Restituisce l'elemento Document del documento (elemento <html>).
documentMode Disattivato.
documentURI Imposta o restituisce la posizione del documento.
domain Restituisce il dominio del server che ha caricato il documento.
domConfig Disattivato.
embeds Restituisce l'insieme di tutti gli elementi <embed> del documento.
execCommand() Disattivato.
forms Restituisce l'insieme di tutti gli elementi <form> del documento.
getElementById() Restituisce l'elemento con l'attributo ID specificato.
getElementsByClassName() Restituisce l'insieme degli elementi che hanno il nome di classe specificato. HTMLCollection.
getElementsByName() Restituisce l'insieme degli elementi attivi che hanno il nome specificato. NodeList.
getElementsByTagName() Restituisce l'insieme degli elementi che hanno il nome di etichetta specificato. HTMLCollection.
hasFocus() Restituisce un valore booleano che indica se il documento ha l'attenzione.
head Restituisce l'elemento <head> del documento.
images Restituisce l'insieme di tutti gli elementi <img> del documento.
implementation Restituisce l'oggetto DOMImplementation che gestisce questo documento.
importNode() Importa un nodo da un altro documento.
inputEncoding Disattivato.
lastModified Restituisce la data e l'ora dell'ultima modifica del documento.
links Restituisce la raccolta di tutti gli elementi <a> e <area> con l'attributo href nel documento.
normalize() Elimina i nodi di testo vuoti e connette i nodi adiacenti.
normalizeDocument() Disattivato.
open() Apri l'output stream HTML per raccogliere l'output di document.write().
querySelector() Restituisce il primo elemento che corrisponde al selettore CSS specificato nel documento.
querySelectorAll() Restituisce un NodeList statico che contiene tutti gli elementi che corrispondono al selettore CSS specificato nel documento.
readyState Restituisce lo stato di caricamento del documento (caricamento).
referrer Restituisce l'URL del documento che ha caricato il documento corrente.
removeEventListener() Elimina l'event handler dal documento (già utilizzato metodo addEventListener() aggiuntivo).
renameNode() Disattivato.
scripts Restituisce la raccolta degli elementi <script> nel documento.
strictErrorChecking Disattivato.
title Imposta o restituisce il titolo del documento.
URL Restituisce l'URL completo del documento HTML.
write() Scrive un'espressione HTML o codice JavaScript nel documento.
writeln() Come write(), ma aggiunge un carattere di newline alla fine di ogni istruzione.

Descrizione dell'oggetto Document

L'interfaccia HTMLDocument espande l'interfaccia DOM Document, definendo proprietà e metodi specifici per HTML.

Molte proprietà e metodi sono oggetti HTMLCollection (in effetti, sono array o array di nomi indicizzati in sola lettura), che conservano riferimenti agli elementi ancore, moduli, link e altri elementi scriptabili.

Queste proprietà di集合 derivano dal livello 0 del DOM. Sono state Document.getElementsByTagName() è stato sostituito, ma viene ancora spesso utilizzato, poiché è molto conveniente.

metodo write()Si deve notare che durante il caricamento e la解析 del documento, consente a uno script di inserire contenuti generati dinamicamente nel documento.

Attenzione, nel livello 1 del DOM, HTMLDocument ha definito un oggetto chiamato getElementById() Metodi molto utili. Nel livello 2 del DOM, questo metodo è stato spostato all'interfaccia Document, e ora è ereditato da HTMLDocument invece di essere definito da esso.