DocumentFragment: querySelectorAll() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The DocumentFragment.querySelectorAll() method returns a
NodeList of elements within the DocumentFragment (using
depth-first pre-order traversal of the document's nodes) that matches the specified
group of selectors.
If the selectors specified in parameter are invalid a DOMException with
a SYNTAX_ERR value is raised.
Syntax
querySelectorAll(selectors)
Parameters
selectors-
A string containing one or more CSS selectors separated by commas.
Return value
A non-live NodeList containing one Element object for
each element that matches at least one of the specified selectors or an empty
NodeList in case of no matches.
Examples
This example returns a list of all div elements within the
DocumentFragment with a class of either note or
alert:
const matches = documentFrag.querySelectorAll("div.note, div.alert");
Specifications
| Specification |
|---|
| DOM # ref-for-dom-parentnode-queryselectorall① |
Browser compatibility
Loading…
See also
- The
DocumentFragmentinterface it belongs to.