Objeto Window Document

Objeto Document

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

Objeto documentoé o nó raiz do documento HTML.

Objeto documentoéObjeto janelados atributos.

Acesso através do seguinteObjeto 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
activeElement Retorna o elemento focado atual do documento.
addEventListener() Anexa um manipulador de evento ao documento.
adoptNode() Adota nós 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 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 de 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 trata 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> que possuem a propriedade href no documento.
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 correspondem 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, arrays ou arrays indexados por nome, apenas leitura), que armazenam referências a âncoras, formulários, links e outros elementos scriptáveis.

Essas propriedades de conjunto derivam do nível 0 do DOM. Elas já foram Document.getElementsByTagName() Substituído, mas ainda frequentemente usado, pois são convenientes.

Método write()Notável é 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 DOM, HTMLDocument definiu um nome getElementById() um método muito útil. No nível 2 DOM, este método foi transferido para a interface Document, agora herdado por HTMLDocument em vez de ser definido por ele.