Parte 1 — Pesquisa
1. O que é DOM?
O DOM (Document Object Model) é uma representação da página HTML em forma de árvore, onde cada elemento pode ser acessado e manipulado pelo JavaScript. Ele permite alterar textos, estilos e até a estrutura da página dinamicamente. Dessa forma, o HTML cria a base da página, enquanto o DOM permite que o JavaScript interaja com essa estrutura.
2. O que é um nó (node)?
Um nó é cada parte que compõe o DOM. Existem diferentes tipos, como os elementos (tags HTML), atributos (como id e class) e os nós de texto (conteúdo dentro das tags). Toda a estrutura da página é formada por esses nós organizados em forma de árvore.
3. Métodos do DOM
O método getElementById() seleciona um elemento específico pelo seu id. Já o querySelector() retorna o primeiro elemento que corresponde a um seletor CSS. O querySelectorAll() retorna todos os elementos que correspondem ao seletor, permitindo manipular vários elementos ao mesmo tempo.
4. innerHTML x innerText
O innerHTML permite acessar ou modificar o conteúdo incluindo tags HTML, enquanto o innerText trabalha apenas com o texto visível, sem interpretar qualquer código HTML.
5. Eventos
Eventos são ações que acontecem na página, como cliques ou mudanças em elementos. Exemplos comuns são onclick (quando o usuário clica), onchange (quando um valor é alterado) e onmouseover (quando o mouse passa sobre um elemento).
Parte 2 — Prática
Este é o texto original.
Parte 3 — Desafios
0