Loop Over querySelectorAll Matches
Mon Feb 13 2023 06:26:34 GMT+0000 (Coordinated Universal Time)
Saved by
@Jaimin047
#javascript
#foreach
Not all browsers support forEach on NodeLists, but for those that do:
buttons.forEach((button) => {
button.addEventListener('click', () => {
console.log("forEach worked");
});
});
bit deeper browser support.
var divs = document.querySelectorAll('div');
[].forEach.call(divs, function(div) {
// do whatever
div.style.color = "red";
});
content_copyCOPY
Let’s look at some options for iterating over a NodeList, as you get back from running a document.querySelectorAll.
https://css-tricks.com/snippets/javascript/loop-queryselectorall-matches/
Comments