documentquerySelectorAll

document.querySelectorAll is a method of the Document interface in the web platform. It returns a static NodeList containing all elements in the document that match the specified CSS selectors.

The method accepts a single string consisting of one or more CSS selectors separated by commas. It does not reflect subsequent changes to the document; the returned NodeList remains static unless you re-run the query. The NodeList is array-like: you can access items by index, check its length, and iterate with forEach in modern browsers. It is not a true Array, so methods like map are not available unless you convert it with Array.from or spread syntax.

Selectors supported include tag names, classes, IDs, attributes, and many CSS3 selectors such as descendant, child, and pseudo-classes like :first-child or :nth-child. Pseudo-elements do not match elements in querySelectorAll. Invalid selectors throw a DOMException.

Context and scope: querySelectorAll can be used on the document or on any Element, and it searches only within that context's subtree. It returns the results in document order.

Examples: document.querySelectorAll('.button.active'); document.querySelectorAll('a[href^="https://"]'). It returns a NodeList that you can loop over or convert to an array for further processing.

Browser compatibility: supported in all modern browsers, including Chrome, Firefox, Safari, and Edge; older environments such as very old Internet Explorer versions do not support it.