How to use querySelectorAll in Javascript
By Tan Lee Published on Dec 18, 2024 325
The `querySelectorAll` method in JavaScript is used to select multiple elements from the DOM based on a CSS selector. It returns a `NodeList` containing all the elements that match the specified selector.
You can use it with the `document` object to select elements on a webpage.
Here's an example of how you can use querySelectorAll:
// Select all the anchor tags on the webpage const anchors = document.querySelectorAll('a'); // Loop through the selected anchor tags anchors.forEach((element) => { // Do something with each selected element console.log(element.href); });
In this example, querySelectorAll
is used to select all the anchor tags (<a>
) on the webpage. Then, a forEach
loop is used to iterate through each selected anchor tag, logging the value of the href
attribute to the console.
- How to use sweetalert2
- How to Pass string parameter in an onclick function
- How to format number with commas and decimal in Javascript
- What does 'use strict;' means in Javascript
- How to detect if caps lock is pressed in Javascript
- How to create a Custom Event in Javascript
- How to Check if an Object Has a Property Properly in JavaScript
- How to convert an Uint8Array to string in Javascript
Categories
Popular Posts
Structured Data using FoxLearn.JsonLd
Jun 20, 2025
Implement security headers for an ASP.NET Core
Jun 24, 2025
10 Common Mistakes ASP.NET Developers Should Avoid
Dec 16, 2024
Star Admin Dashboard Template
Nov 14, 2024
Monster Admin Template
Nov 14, 2024