Como selecionar elementos HTML com JavaScript usando getElementById, querySelector e outros métodos
Para interagir com a página, o primeiro passo é selecionar o elemento desejado. O JavaScript oferece alguns métodos para isso.
Seleciona um elemento pelo id. Retorna o elemento ou null se não existir.
Carregando...Carregando...Seleciona o primeiro elemento que corresponde a um seletor CSS. Funciona com qualquer seletor: tag, classe, id, atributo.
Carregando...Seleciona todos os elementos que correspondem ao seletor. Retorna uma NodeList.
Carregando...Formas mais antigas, mas ainda válidas.
Carregando...A diferença para querySelectorAll é que retornam uma HTMLCollection, que não tem o método forEach diretamente.
No dia a dia, querySelector e querySelectorAll cobrem praticamente tudo. A sintaxe de seletor CSS é familiar e flexível. Use getElementById quando precisar de um elemento por id com uma sintaxe mais explícita.
Carregando...Sempre verifique se o elemento existe antes de manipulá-lo para evitar erros.