Objeto Document HTML DOM

objeto Document

Quando o documento HTML é carregado no navegador da Web, ele se torna umObjeto documento.

Objeto documentoo nó raiz do documento HTML.

Objeto documentoéObjeto janelados atributos.

Acesso através deObjeto documento:

window.document ou apenas document

Exemplo

let url = window.document.URL;

Experimente você mesmo

let url = document.URL;

Experimente você mesmo

Atributos e métodos do objeto documento

Os seguintes atributos e métodos podem ser usados no documento HTML:

Atributo / Método Descrição
all[] Retorna uma referência para todos os elementos HTML do documento.
activeElement Retorna o elemento focado atual do documento.
addEventListener() Anexa um manipulador de evento ao documento.
adoptNode() Adota um nó de outro documento.
anchors Descontinuado.
applets Descontinuado.
baseURI Retorna o URI de base absoluto do documento.
body Define ou retorna o corpo do documento (<body> element).
charset Descontinuado.
characterSet Retorna o conjunto de caracteres do documento.
close() Fecha o fluxo de saída aberto anteriormente com document.open().
cookie Retorna o nome/valor de todos os cookies do documento.
createAttribute() Cria um nó de atributo.
createComment() Cria um nó Comment com o texto especificado.
createDocumentFragment() Cria um nó DocumentFragment vazio.
createElement() Cria um nó de elemento.
createEvent() Cria um novo evento.
createTextNode() Cria um nó de texto.
defaultView Retorna o objeto janela associado ao documento, ou null se não houver disponível.
designMode Controla se todo o documento deve ser editável.
doctype Retorna a declaração de tipo de documento associada ao documento.
documentElement Retorna o elemento Document do documento (elemento <html>).
documentMode Descontinuado.
documentURI Define ou retorna a posição do documento.
domain Retorna o domínio do servidor que carregou o documento.
domConfig Descontinuado.
embeds Retorna a coleção de todos os elementos <embed> do documento.
execCommand() Descontinuado.
forms Retorna a coleção de todos os elementos <form> do documento.
getElementById() Retorna o elemento com o atributo ID que possui o valor especificado.
getElementsByClassName() Retorna a coleção de todos os elementos que possuem o nome de classe especificado. HTMLCollection.
getElementsByName() Retorna a coleção de elementos ativos que possuem o nome especificado. NodeList.
getElementsByTagName() Retorna a coleção de todos os elementos que possuem o nome de tag especificado. HTMLCollection.
hasFocus() Retorna um valor booleano, indicando se o documento está focado.
head Retorna o elemento <head> do documento.
images Retorna a coleção de todos os elementos <img> do documento.
implementation Retorna o objeto DOMImplementation que manipula este documento.
importNode() Importa um nó de outro documento.
inputEncoding Descontinuado.
lastModified Retorna a data e hora da última modificação do documento.
links Retorna a coleção de elementos <a> e <area> no documento que possuem a propriedade href.
normalize() Remove nós de texto vazios e conecta nós adjacentes.
normalizeDocument() Descontinuado.
open() Abre o fluxo de saída HTML para coletar a saída do document.write().
querySelector() Retorna o primeiro elemento que correspondente ao seletor CSS especificado no documento.
querySelectorAll() Retorna um NodeList estático que contém todos os elementos que correspondem ao seletor CSS especificado no documento.
readyState Retorna o estado (carregamento) do documento.
referrer Retorna a URL do documento que carregou o documento atual.
removeEventListener() Remove o manipulador de eventos do documento (já usado método addEventListener() adicional).
renameNode() Descontinuado.
scripts Retorna a coleção de elementos <script> no documento.
strictErrorChecking Descontinuado.
title Define ou retorna o título do documento.
URL Retorna a URL completa do documento HTML.
write() Escreve expressões HTML ou código JavaScript no documento.
writeln() Igual ao write(), mas adiciona um caractere de nova linha após cada linha de comando.

Descrição do objeto Document

A interface HTMLDocument expande a interface DOM Document, definindo propriedades e métodos específicos do HTML.

Muitas propriedades e métodos são objetos HTMLCollection (na verdade, podem ser usados como arrays ou arrays indexados por nome), que armazenam referências a âncoras, formulários, links e outros elementos que podem ser controlados por scripts.

Essas propriedades de conjunto vêm do nível 0 DOM. Elas já foram Document.getElementsByTagName() substituído, mas ainda é frequentemente usado, pois é conveniente.

método write()Cabe notar que, durante a carga e a análise do documento, ele permite que um script insira conteúdo gerado dinamicamente no documento.

Atenção, no nível 1 do DOM, HTMLDocument definiu um nome getElementById() muito úteis. No nível 2 do DOM, o método foi transferido para a interface Document, agora herdado por HTMLDocument em vez de ser definido por ele.