Qual é a diferença entre o método querySelector() e o métod...

Gabarito: A

A questão aborda os métodos querySelector() e querySelectorAll(), que são ferramentas fundamentais no desenvolvimento web com JavaScript. Ambos os métodos são usados para selecionar elementos dentro do Document Object Model (DOM), mas se diferenciam pelo tipo de retorno que oferecem.

O método querySelector() é utilizado para retornar o primeiro elemento dentro do documento que corresponde a um determinado seletor CSS. Por exemplo, se você utilizar document.querySelector('.classe-exemplo'), ele retornará o primeiro elemento que possuir a classe .classe-exemplo.

Por outro lado, o método querySelectorAll() retorna uma NodeList contendo todos os elementos que correspondem ao seletor especificado. Assim, se você utilizar document.querySelectorAll('.classe-exemplo'), receberá uma lista de todos os elementos com a classe .classe-exemplo, não apenas o primeiro.

É importante destacar que a NodeList retornada pelo querySelectorAll() é uma coleção estática dos elementos no momento da consulta. Se o DOM é atualizado posteriormente, essa NodeList não reflete automaticamente essas mudanças.

O entendimento desses métodos é crucial para manipulação eficiente do DOM, permitindo ao desenvolvedor selecionar e interagir com elementos de forma poderosa e flexível.

Dessa forma, a alternativa A está correta ao afirmar que querySelector() retorna o primeiro elemento que corresponde ao seletor, enquanto querySelectorAll() retorna uma lista de todos os elementos correspondentes, elucidando a distinção entre os métodos de seleção de elementos no DOM.