document.querySelector() Consultar com seletor CSS
Última atualização: 2026-10-13
document.querySelector() Consultar com seletor CSS
querySelector obtém o primeiro elemento que corresponde a um seletor CSS. Mais flexível que getElementById.
| Categoria | DOM |
|---|
⚙️ Parâmetros
| selector |
|---|
Retorno：A primeira correspondência ou null.
Modifica o original：Não (retorna um novo valor)
▶ Exemplo
Edite o código, clique em Executar e veja o resultado no painel de saída:
💡 Dica
ℹ️ info
🌐 Suporte do navegador
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| document.querySelector() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado por todos os navegadores modernos | |||||
🏷️ Métodos DOM relacionados
💡 Casos relacionados
Mais estudos de caso em breve — aguarde.
📚 Tutoriais relacionados
❓ Perguntas frequentes
QquerySelector x querySelectorAll?
AquerySelector retorna o primeiro; querySelectorAll retorna todos como NodeList.
QQuais seletores são suportados?
ATodos os seletores CSS.
QE se não corresponder?
ARetorna null.
