Learning JavaScript? Download my free JavaScript Handbook 🔥

The querySelectorAll() method run on document returns a list of DOM elements that satisfy the selectors query.

It returns a list of elements, which is not an array but a NodeList object.

The easiest way to loop over the results is to use the for..of loop:

for (const item of document.querySelectorAll('.buttons')) {
  //...do something
}

Edit this page


Here's my latest YouTube video. I talk about why I think that dogs are a great help for developers working remotely: