Element.querySelector()

elemento = elementoBase.querySelector(seletores);

• elemento e elementoBase são objetos element.
• selectores é um grupo de selectores (en-US).

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])",
);

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

• element.querySelectorAll (en-US)
• document.querySelector
• document.querySelectorAll
• Code snippets for querySelector