/Web APIs

DocumentFragment: querySelectorAll() method

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.





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.


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


Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
querySelectorAll 2 12 3.5 9
8querySelectorAll() is supported, but only for CSS 2.1 selectors.
10 4 ≤37 18 4 10.1 3 1.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.