DocumentFragment.querySelectorAll()

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

elementList = documentfragment.querySelectorAll(selectors);

Parameters

selectors

Is a DOMString containing 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

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
1
12
3.5
9
8
querySelectorAll() is supported, but only for CSS 2.1 selectors.
10
4
≤37
18
4
10.1
3
1.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment/querySelectorAll