Document Object Model

D is for documento

O Document Object Model não pode funcionar sem um documento. Quando você cria uma página web e carregá-lo em um navegador da Web, o DOM desperta para a vida. É preciso o documento que você escreveu e transforma-lo em um objeto. Em Inglês normal diária, a palavra "objeto" não é muito descritivo. Significa simplesmente coisa. Em linguagens de programação, por outro lado, "objeto" tem um significado muito específico.

Objetos de desejo

No final do último artigo, eu mostrei-lhe alguns exemplos de objetos em JavaScript. Você deve se lembrar que os objetos são auto-suficientes pacotes de dados. Variáveis associadas a um objeto são chamados propriedades do objeto, enquanto as funções que podem ser executadas por um objeto são chamados métodos do objeto. Existem três tipos de objetos em JavaScript: definido pelo usuário a partir do zero objetos criados pelo programador. Não vai ser lidar com estes. Nativos como objetos de Array, Matemática, ea data em que são construídos para JavaScript. Host objetos que são fornecidos pelo navegador.

Desde os primeiros dias de JavaScript, alguns objetos de acolhimento muito importante ter sido disponibilizados para execução de scripts. O mais fundamental deles é o objeto janela. Este objeto é nada menos do que uma representação da janela do próprio navegador. As propriedades e métodos do objeto window são muitas vezes referida como o objeto de navegador de modelo, embora talvez Window Object Model seria mais semanticamente correto. O Browser Object Model tem métodos como window.open e window.blur. Estes métodos, aliás, são responsáveis por todos os irritantes pop-up e pop-under que agora praga da Internet.

Não admira que o JavaScript tem uma má reputação! Felizmente, não vai ser lidar com o objeto de navegador de modelo muito. Em vez disso, vou focar o que está dentro da janela do navegador. O objeto que lida com o conteúdo de uma página web é o objeto de documento. Para o resto deste artigo, vamos estar lidando quase exclusivamente com as propriedades e métodos do objeto de documento. Isso explica a letra "D" (documento) e a letra O (objeto) no DOM. Mas o que acontece com a letra M?

Disque M para o modelo

O M no DOM defende modelo, mas ele poderia facilmente estar para o Mapa. Um modelo, como um mapa, é uma representação de alguma coisa. Um trem modelo representa um trem real. Um mapa de rua de uma cidade representa a cidade real. O Document Object Model representa a página web que está atualmente carregado na janela do navegador. O navegador oferece um mapa (ou modelo) da página. Você pode usar JavaScript para ler este mapa. Maps fazer uso de convenções como direção, contornos e escala. Para ler um mapa, você precisa entender essas convenções e que o mesmo acontece com o Document Object Model. A fim de obter informações a partir do modelo, você precisa entender o que as convenções estão sendo usados para representar o documento. A convenção mais importante utilizado pelo Document Object Model é a representação de um documento como uma árvore.

Mais especificamente, o documento é representado como uma árvore genealógica. A família é outro exemplo de um modelo. Uma árvore de família representa uma verdadeira família, descreve as relações entre os membros da família, e usa as convenções, como pai, criança, e irmão. Estes podem ser usados para representar algumas relações bastante complexas: um membro de uma família pode ser um pai para os outros, ao mesmo tempo, ser filho de um outro membro da família, do irmão e de mais um membro da família. O modelo de árvore genealógica funciona tão bem na representação de um documento escrito em (X) HTML. métodos fornecidos pelo Document Object Model:

getElementById

getElementsByTagName

getAttribute

setAttribute

Estes quatro métodos serão os pilares para muitos dos scripts DOM você vai escrever. O DOM oferece muitos outros métodos e propriedades. Há nodeName, nodeValue, childNodes, nextSibling e parentNode, para citar apenas alguns. Mas eu não vou explicar apenas aqueles ainda não-I'll explicar cada um por sua vez, como e quando eles são necessários. Estou mencioná-los agora apenas para aguçar o apetite. Você leu por meio de um monte de teoria neste artigo. Eu espero que agora você está ansioso para testar o poder do DOM usando algo diferente de caixas de alerta. Acho que é tempo de nós aplicamos o DOM para um estudo de caso.

um artigo submetido por Jacques Goudreau

Isenção de responsabilidade:O nosso site não se responsabiliza pelo conteúdo deste artigo. Webarticles é uma fonte de informação livre.
Importante: Este artigo "Document Object Model" foi traduzida por um software automático. Nós sentimos muito por quaisquer erros de ortografia que pode ter ocorrido. Obrigado pela sua compreensão.