[Edit]

JavaScript - convert NodeList to Array

1 contributors

2 contributions

0 discussions

0 points

Created by:

MindOfMadness3

696

In this article, we would like to show you how to convert NodeList to Array in JavaScript.

Quick solution:

xxxxxxxxxx
 
var array = Array.from(nodeList);

Practical example

Edit

In this example, we use from() method to convert nodeList to Array type.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <div id="container">Text node<span></span><div></div></div>
  <script>
​
    var container = document.querySelector('#container');
    var nodeList = container.childNodes;
​
    var array = Array.from(nodeList); // converts nodeList to Array type
    
    console.log(array instanceof Array); // true
​
  </script>
</body>
</html>

Auto running

Alternative solution

Edit

In this solution, we use the spread syntax (...) to convert nodeList to Array type.

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
  <div id="container">Text node<span></span><div></div></div>
  <script>
​
    var container = document.querySelector('#container');
    var nodeList = container.childNodes;
​
    var array = [...nodeList]; // converts nodeList to Array type
    
    console.log(array instanceof Array); // true
​
  </script>
</body>
</html>