DocumentFragment: метод querySelector()

Метод DocumentFragment.querySelector() возвращает первый элемент, или null, если совпадений не найдено, внутри DocumentFragment (используя обход узлов документа по принципу предварительного обхода в глубину) соответствующий заданной группе селекторов.

Если селектор соответствует идентификатору, и этот идентификатор ошибочно используется несколько раз в документе, метод возвращает первый соответствующий элемент.

Если указанные в параметре селекторы некорректны, возникает исключение DOMException со значением SYNTAX_ERR.

selectors

Строка, содержащая один или несколько CSS-селекторов, разделенных запятыми.

Объект Element, представляющий первый элемент в документе, соответствующий заданному набору CSS-селекторов, или null, если совпадений нет.

В этом базовом примере возвращается первый элемент в DocumentFragment с классом myclass.

const el = documentfragment.querySelector(".myclass");

Строковый аргумент, передаваемый методу querySelector, должен соответствовать синтаксису CSS. Для соответствия ID или селекторам, не соответствующим синтаксису CSS (например, при неправильном использовании точки с запятой или пробела), необходимо экранировать неправильный символ двойным обратным слешем:

<div id="foo\bar"></div>
<div id="foo:bar"></div>

<script>
  document.querySelector("#foo\bar"); // Does not match anything
  document.querySelector("#foo\\\\bar"); // Match the first div
  document.querySelector("#foo:bar"); // Does not match anything
  document.querySelector("#foo\\:bar"); // Match the second div
</script>

• Интерфейс DocumentFragment, к которому он относится.