MDN wants to learn about developers like you:


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.


elementList = documentframgment.querySelectorAll(selectors);


Is a DOMString containing one or more CSS selectors separated by commas.


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");


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

Document Tags and Contributors

 Contributors to this page: Sebastianz, fscholz, jsx, nairakhil13, teoli
 Last updated by: Sebastianz,