In Javascript, what is the best way to convert a NodeList to an array

javascript arrays dom
cc young picture cc young · Sep 18, 2011 · Viewed 36.9k times · Source

The DOM method document.querySelectorAll() (and a few others) return a NodeList.

To operate on the list, e.g. using forEach(), the NodeList must first be converted to an Array.

What's the best way to convert the NodeList to an Array?

Answer

Freezystem picture Freezystem · Jun 8, 2017

With ES6 you can simply do:

const spanList = [...document.querySelectorAll("span")];

Related questions

How to set DOM element as the first child?

I have element E and I'm appending some elements to it. All of a sudden, I find out that the next element should be the first child of E. What's the trick, how to do it? Method unshift doesn't work …

Read More
Why doesn't nodelist have forEach?

I was working on a short script to change <abbr> elements' inner text, but found that nodelist does not have a forEach method. I know that nodelist doesn't inherit from Array, but doesn't it seem like forEach would …

Read More
How to get current index in Array prototype map?

I'm using Array.prototype.map.call to store in an array a bunch of node list objects: function getListings() { return Array.prototype.map.call(document.querySelectorAll('li.g'), function(e) { return { rectangle: e.getBoundingClientRect(); } } } However, I also want to store …

Read More