← Trilha· Lição 3 de 7
Selecionar elementos no DOM
querySelector, querySelectorAll e texto/conteúdo do nó.
O DOM é a árvore de nós da página. O JS lê e altera essa árvore.
const titulo = document.querySelector('h1');
const itens = document.querySelectorAll('[data-item]');
titulo.textContent = 'Atualizado';querySelector— o primeiro que casa com o seletor CSS.querySelectorAll— lista estática (NodeList) de todos.
Prefira seletores estáveis (id, data-*) a caminhos frágeis baseados em posição.