← Ruta· Lección 3 de 7
Seleccionar elementos en el DOM
querySelector, querySelectorAll y texto/contenido del nodo.
TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.
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.