Element.querySelector()

Retorna o primeiro elemento descendente do elemento em que a função foi invocada e que corresponde aos seletores especificado. 

Sintaxe

elemento = elementoBase.querySelector(seletores);

• elemento e elementoBase são objetos element.
• selectores é um grupo de  selectores.

Exemplo

Neste exemplo é retornado o primeiro elemento style que, ou não tem nenhum atributo type, ou tem o atributo type igual a  text/css:

var el = document.body.querySelector("style[type='text/css'], style:not([type])");

Notas

Retorna null se nenhum elemento for encontrado; caso contrário retorna o primeiro elemento; 

Lança uma exceção SYNTAX_ERR se o grupo de seletores é inválido.

querySelector() foi introduzido em WebApps API.

O argumento de string do querySelector deve seguir a sintaxe CSS. Veja exemplos concretos em document.querySelector

Compatibilidade de Browsers

Especificação

• Selectors API Level 1REC
• Selectors API Level 2WD
• Selectors API Level 2ED

Veja Também

• element.querySelectorAll
• document.querySelector
• document.querySelectorAll
• Code snippets for querySelector