O que é o DOM? (DOCUMENT OBJECT MODEL)
É uma representação estruturada do html que permite que o javascript acesse e manipule os elementos.
Quando um arquivo html é carregado no browser(navegador)
uma arvore de elementos é gerada:
Perceba que a imagem lembra uma árvore genealógica, por isso a um conceito de elementos "pais" e elementos "filhos".
O DOM não é javascript!
O DOM é uma API, que significa que é uma interface que fornece recursos(métodos e propriedades) para ser manipulada pelo javascript.
Exemplo de um método do DOM:
document.querySelector(".user-panel");
Para finalizar segue um link de um repositório do projeto que eu coloquei em pratica conceitos do DOM:
Guess my Number repositório
Top comments (0)