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

Browser Suporte Notas
Internet Explorer 8 (IE8) apenas selectores CSS 2.1
Firefox (Gecko) 3.5 (1.9.1)  
Opera 10  
Chrome 1  
Safari (webkit) 3.2 (525.3) webk.it/16587

Especificação

Veja Também

Etiquetas do documento e colaboradores

 Colaboradores desta página: fernandoleal, teoli, tbai
 Última atualização por: fernandoleal,