Documentação do JavaScript HTML DOM

O objeto de documento DOM HTML é o proprietário de todos os outros objetos em sua página da web.

Objeto Documento DOM HTML

O objeto de documento representa sua página da web.

Se você deseja acessar qualquer elemento da página HTML, você sempre começa pelo objeto document.

A seguir estão alguns exemplos de como usar o objeto document para acessar e operar HTML.

Procurar elementos HTML

Métodos Descrição
document.getElementById(id) Procurar elementos por id do elemento
document.getElementsByTagName(nome) Procurar elementos por nome de tag
document.getElementsByClassName(nome) Procurar elementos por nome de classe

Mudar o elemento HTML

Métodos Descrição
element.innerHTML = novos conteúdos HTML Mudar o inner HTML do elemento
element.attribute = new value Mudar o valor do atributo de elementos HTML
element.setAttribute(attribute, value) Mudar o valor do atributo de elementos HTML
element.style.property = new style Mudar o estilo de elementos HTML

Adicionar e remover elementos

Métodos Descrição
document.createElement(element) Criar elementos HTML
document.removeChild(element) Remover elementos HTML
document.appendChild(element) Adicionar elementos HTML
document.replaceChild(element) Substituir elementos HTML
document.write(text) Escrever no fluxo de saída HTML

Adicionar manipulador de eventos

Métodos Descrição
document.getElementById(id).onclick = function(){code} Adicionar manipulador de eventos para o evento onclick

Localizar objetos HTML

Primeiro HTML DOM Level 1 (1998), definiu 11 objetos HTML, conjuntos de objetos e atributos. Eles ainda são válidos no HTML5.

Mais objetos, conjuntos e atributos foram adicionados no HTML DOM Level 3.

Atributos Descrição DOM
document.anchors Retorna todos os elementos <a> que possuem a propriedade name. 1
document.applets Retorna todos os elementos <applet>(Não recomendado no HTML5) 1
document.baseURI Retorna o URI de base absoluto do documento 3
document.body Retorna o elemento <body> 1
document.cookie Retorna o cookie do documento 1
document.doctype Retorna o doctype do documento 3
document.documentElement Retorna o elemento <html> 3
document.documentMode Retorna o modo utilizado pelo navegador 3
document.documentURI Retorna o URI do documento 3
document.domain Retorna o domínio do servidor do documento 1
document.domConfig Descontinuado.Retorna a configuração DOM 3
document.embeds Retorna todos os elementos <embed> 3
document.forms Retorna todos os elementos <form> 1
document.head Retorna o elemento <head> 3
document.images Retorna todos os elementos <img> 1
document.implementation Retorna a implementação DOM 3
document.inputEncoding Retorna a codificação (conjunto de caracteres) do documento 3
document.lastModified Retorna a data e hora da atualização do documento 3
document.links Retorna todos os elementos <area> e <a> com atributo href 1
document.readyState Retorna o estado (carregamento) do documento 3
document.referrer Retorna o URI referenciado (documento linkado) 1
document.scripts Retorna todos os elementos <script> 3
document.strictErrorChecking Retorna se a verificação de erro for forçada 3
document.title Retorna o elemento <title> 1
document.URL Retorna a URL completa do documento 1