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 = documentframgment.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. |
Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 1 | 3.5 (1.9.1) | 8.0 | 10.0 | 3.2 (525.3) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.1 | 1.0 (1.9.1) | 9.0 | 10.0 | 3.2 |
See also
- The
DocumentFragmentinterface it belongs to.