JavaScript
🌳 O DOM e os eventos
Aprenda como o JavaScript representa e manipula uma página web, e como ela reage às ações do usuário.
O que você vai aprender
- Explicar o que é o DOM como uma árvore de objetos e partir de
documentpara acessar a página. - Selecionar elementos com
querySelector/querySelectorAlle modificar seu conteúdo, atributos, classes e estilos. - Criar e inserir elementos com
createElementeappendChildpara construir conteúdo dinâmico. - Responder a eventos com
addEventListenere tratar o envio de formulários usandoevent.preventDefault().
Lições
O que é o DOM?A árvore de objetos que representa a página. Selecionar e modificar elementosquerySelector, textContent, atributos e estilos. Eventos e formuláriosaddEventListener, o objeto event e formulários.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →