Codecademy · Sriparno08 · Mar 12, 2025 · Mar 6, 2025 · Mar 6, 2025 · Mar 6, 2025
diff --git a/...javascript/concepts/dom-manipulation/terms/queryselectorall/queryselectorall.md b/...javascript/concepts/dom-manipulation/terms/queryselectorall/queryselectorall.md
@@ -0,0 +1,90 @@
+---
+Title: '.querySelectorAll()'
+Description: 'Returns a static (not live) NodeList representing a list of the document`s elements that match the specified group of selectors.'
+Subjects:
+  - 'Web Development'
+  - 'Developer Tools'
+  - 'Code Foundations'
+Tags:
+  - 'Methods'
+  - 'Selectors'
+  - 'Node'
+CatalogContent:
+  - 'introduction-to-javascript'
+  - 'paths/front-end-engineer-career-path'
+---
+
+# Document: querySelectorAll() method
+
+The [Document](https://developer.mozilla.org/en-US/docs/Web/API/Document) method **querySelectorAll()** returns a static (not live) NodeList representing a list of the document's elements that match the specified group of selectors.
+
+## Syntax
+
+```js
+querySelectorAll(selectors);
+```
+
+## Example
+
+To obtain a [NodeList](https://developer.mozilla.org/en-US/docs/Web/API/NodeList) of all of the [< p >](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p) elements in the document:
+
+```js
+const matches = document.querySelectorAll("p");
+```
+
+This example returns a list of all [< div >](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) elements within the document with a class of either note or alert:
+
+```js
+const matches = document.querySelectorAll("div.note, div.alert");
+```
+
+Here, we get a list of < p > elements whose immediate parent element is a < div > with the class highlighted and which are located inside a container whose ID is test.
+
+```js
+const container = document. querySelector("#test");
+const matches = container.querySelectorAll("div.highlighted > p");
+```
+
+
+## Codebyte Example (if applicable)
+
+We can currently support:
+
+- JavaScript
+
+We need to use different libraries or tools to parse and manipulate HTML content in ways similar to JavaScript's **.querySelectorAll()**:
+- Python
+- Ruby
+- C++
+- C#
+- Go
+- PHP
+
+See [content-standards.md](https://github.com/Codecademy/docs/blob/main/documentation/content-standards.md) for more details!
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>querySelectorAll Example</title>
+</head>
+<body>
+  <p>This is paragraph 1.</p>
+  <p>This is paragraph 2.</p>
+  <p>This is paragraph 3.</p>
+
+  <script>
+    // Select all <p> elements on the page
+    const paragraphs = document.querySelectorAll('p');
+
+    // Loop through each <p> element and add some extra text
+    paragraphs.forEach((para, index) => {
+      para.textContent += ` - Updated by querySelectorAll (${index + 1})`;
+    });
+  </script>
+</body>
+</html>
+
+```