Element.querySelector()

element = baseElement.querySelector(selectors);

• element и baseElement это element объекты.
• selectors - это группа селекторов (en-US) для поиска совпадения.

Данный пример получает первый элемент style, который не имеет атрибута type или этот атрибут равен text/css, в теле (body) HTML документа:

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

Возвращает null если совпадения не найдены, иначе первый найденный элемент.

Генерирует исключение SYNTAX_ERR если указанная группа селекторов не корректна.

querySelector() был представлен в WebApps API.

Строка аргументов передаваемая querySelector() должна удовлетворять синтаксису CSS. Более подробные примеры смотрите в document.querySelector.

• element.querySelectorAll()
• document.querySelector()
• document.querySelectorAll()
• Фрагменты кода для querySelector