DOM Document Object Model
O que é DOM?
Dom é uma modelo de objetos internos de um navegador e sua hierarquia, traduzindo literalmente, significa "Modelo de documento de objetos".
Dom é uma mapeamento dos elementos contidos internamente dentro de um navegador, e permite a nós termos acesso a cada elemento através do JavaScript.
É muito importante, quando você criar sua página Html, que você faça o mapeamento do Dom da sua página, assim facilita no seu acesso.
A hierarquia de elementos funciona na forma de pai e filho (Parent and Child).
Abaixo temos uma imagem explicando o Dom de uma forma simples:
Window(Janela), é a raíz do Dom, tudo se inicia por ela, seguida por:
Location é a localização do seu site, a sua Url.
History é o histórico de navegação do seu site.
Document é o documento atual do seu site, ou seja, é o acesso para seu html.
Exemplo de caminho de acesso de um elemento dentro da tag <body>:
Window → Document → Função JavaScript + ID do elemento
Na verdade há várias formas de acessarmos os elementos:
- Pela tag do elemento;
- Pelo Id do elemento;
- Pelo nome;
- Pela classe;
- Por seleção.
Espero que tenham gostado do post, essa é a primeira parte, no próximo irei demonstrar como funciona o acesso dos elementos por cada forma listada acima.
Sigam, compartilhem e comentem. Abraços!!
Comentários
Postar um comentário