tutoriais mais recente desenvolvimento web
 

O objeto HTML DOM Document


HTML DOM Nodes

No HTML DOM (Document Object Model) , tudo é um nó:

  • O documento em si é um nó de documento
  • Todos os elementos HTML são nós de elemento
  • Todos os atributos HTML são nós de atributo
  • O texto dentro elementos HTML são nós de texto
  • Os comentários são nós de comentário

O Document Object

Quando um documento HTML é carregado em um navegador web, torna-se um objeto de documento.

O objeto de documento é o nó raiz do documento HTML e o "owner" de todos os outros nós:
(Nós elemento, nós de texto, atribuir nós e nós de comentário).

O objeto documento fornece propriedades e métodos para acessar todos os objetos de nó, de dentro JavaScript.

Tip: O documento é uma parte do objeto Janela e pode ser acessado como window.document.


Suporte navegador

Objeto
Document sim sim sim sim sim

O Document Object é suportado em todos os principais navegadores.


Propriedades de objeto de documento e Métodos

As seguintes propriedades e métodos podem ser usados ​​em documentos HTML:

Propriedade / Método Descrição
document.activeElement Retorna o elemento atualmente focada no documento
documento. addEventListener() Anexa um manipulador de eventos para o documento
documento. adoptNode() Adota um nó de outro documento
document.anchors Retorna uma coleção de todos os <a> elementos no documento que têm um atributo de nome
document.applets Retorna uma coleção de todos os <applet> elementos no documento
document.baseURI Retorna o URI de base absoluta de um documento
document.body Define ou retorna o corpo do documento (the <body> element)
documento. close() Fecha o fluxo de saída aberta anteriormente com o documento. open()
document.cookie Retorna todos os pares nome / valor de cookies no documento
documento. createAttribute() Cria um nó de atributo
documento. createComment() Cria um nó de comentário com o texto especificado
documento. createDocumentFragment() Cria um nó DocumentFragment vazia
documento. createElement() Cria um nó de elemento
documento. createTextNode() Cria um nó de texto
document.doctype Retorna a Declaração Tipo de Documento associado ao documento
document.documentElement Retorna o elemento do documento do documento (the <html> element)
document.documentMode Retorna o modo utilizado pelo navegador para renderizar o documento
document.documentURI Define ou retorna a localização do documento
document.domain Retorna o nome do domínio do servidor que colocou o documento
document.domConfig Obsoleto. Retorna a configuração DOM do documento
document.embeds Retorna uma coleção de todos os <embed> elementos do documento
document.forms Retorna uma coleção de todos os <form> elementos no documento
documento. getElementById() Retorna o elemento que tem o ID atributo com o valor especificado
documento. getElementsByClassName() Retorna um NodeList que contém todos os elementos com o nome da classe especificada
documento. getElementsByName() Retorna um NodeList que contém todos os elementos com um nome especificado
documento. getElementsByTagName() Retorna um NodeList que contém todos os elementos com o nome da marca especificada
documento. hasFocus() Retorna um valor booleano que indica se o documento tem o foco
document.head Retorna o <head> elemento do documento
document.images Retorna uma coleção de todos os <img> elementos no documento
document.implementation Retorna o objeto DOMImplementation que lida com este documento
documento. importNode() Importa um nó de outro documento
document.inputEncoding Retorna a codificação, conjunto de caracteres, usado para o documento
document.lastModified Retorna a data e hora que o documento foi modificado pela última vez
document.links Retorna uma coleção de todos os <a> e <area> elementos no documento que têm um atributo href
documento. normalize() Remove nodos de texto vazio, e junta-se nós adjacentes
documento. normalizeDocument() Remove nodos de texto vazio, e junta-se nós adjacentes
documento. open() Abre um fluxo de saída HTML para coletar saída do documento. write()
documento. querySelector() Retorna o primeiro elemento que corresponde a um CSS especificado selector(s) no documento
documento. querySelectorAll() Retorna um NodeList estática que contém todos os elementos que corresponde a um CSS especificado selector(s) no documento
document.readyState Retorna a (loading) de status do documento
document.referrer Retorna o URL do documento que carregou o documento atual
documento. removeEventListener() Remove um processador de eventos do documento (que foi ligado com o addEventListener() método)
documento. renameNode() Muda o nome do nó especificado
document.scripts Retorna uma coleção de <script> elementos no documento
document.strictErrorChecking Define ou retorna se de verificação de erros é aplicada ou não
título do documento Define ou retorna o título do documento
document.URL Retorna o URL completo do documento HTML
documento. write() Escreve expressões código HTML ou JavaScript a um documento
documento. writeln() Mesmo que write() , mas acrescenta um caractere de nova linha após cada declaração

Atenção !!!

No W3C DOM Core, o objecto do documento herda todas as propriedades e métodos do objecto do nó.

Muitas dessas propriedades e métodos não fazem sentido usado em documentos.

Evite usar essas propriedades nó de objetos e métodos em objetos de documento HTML:

Propriedade / Método Razão para evitar
document.attributes Documentos não possuem atributos
documento. hasAttributes() Documentos não possuem atributos
document.nextSibling Documentos não tem irmãos
document.nodeName Esta é sempre #document
document.nodeType Isto é sempre 9 (DOCUMENT_NODE)
document.nodeValue Documentos não têm um valor de nó
document.ownerDocument Documentos não têm um documento proprietário
document.ownerElement Documentos não têm um elemento proprietário
document.parentNode Documentos não têm um nó pai
document.previousSibling Documentos não tem irmãos
document.textContent Os documentos não têm um conteúdo de texto