Syntax

element = baseElement.querySelector(selectors);

where

• element and baseElement are element objects.
• selectors is a group of selectors to match on.

Example

In this example, the first style element which either has no type or has type text/css in the HTML document body is returned:

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

Notes

Returns null if no matches are found; otherwise, it returns the first matching element.

Throws a SYNTAX_ERR exception if the specified group of selectors is invalid.

querySelector() was introduced in the WebApps API.

Browser compatibility

Specification

• Selectors API

See also

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