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.
Note: The definition of this API was moved to the ParentNode interface.
Syntax
elementList = documentfragment.querySelectorAll(selectors);
Parameters
- selectors
- Is a
DOMStringcontaining one or more CSS selectors separated by commas.
Examples
This example returns a list of all div elements within the DocumentFragment with a class of either "note" or "alert":
var matches = documentfrag.querySelectorAll("div.note, div.alert");
Specifications
| Specification | Status | Comment |
|---|---|---|
| Selectors API Level 1 The definition of 'DocumentFragment.querySelectorAll' in that specification. |
Obsolete | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
querySelectorAll | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 3.5 | IE Full support 9 | Opera Full support 10 | Safari Full support 3.2 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 3.2 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
See also
- The
DocumentFragmentinterface it belongs to.