Why does document.querySelectorAll return a StaticNodeList rather than a real Array?

by

You can use ES2015 (ES6) spread operator:

[...document.querySelectorAll('div')]

will convert StaticNodeList to Array of items.

Here is an example on how to use it.

[...document.querySelectorAll('div')].map(x => console.log(x.innerHTML))
<div>Text 1</div>
<div>Text 2</div>

More Related Contents:

  1. Using querySelectorAll to retrieve direct children
  2. Get element’s CSS selector (when it doesn’t have an id)
  3. Get the DOM path of the clicked
  4. How to generate unique css selector for DOM element?
  5. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  6. How can I tell if a DOM element is visible in the current viewport?
  7. For loop for HTMLCollection elements
  8. Browser detection versus feature detection
  9. How can I count text lines inside an DOM element? Can I?
  10. Difference between HTMLCollection, NodeLists, and arrays of objects
  11. querySelector, wildcard element match?
  12. Copy / Put text on the clipboard with FireFox, Safari and Chrome
  13. Most efficient method of detecting/monitoring DOM changes?
  14. Violation Long running JavaScript task took xx ms
  15. Dynamically creating HTML elements using Javascript?
  16. What’s standard behavior when element is clicked? Will it submit the form?
  17. Get element at specified position – JavaScript
  18. Add SVG element to existing SVG using DOM
  19. How to access DOM elements in electron?
  20. Trigger CSS transition on appended element
  21. How to iterate through all attributes in an HTML element?
  22. Removing HTMLCollection elements from the DOM
  23. javascript variable corresponds to DOM element with the same ID [duplicate]
  24. JavaScript scrollTo method does nothing?
  25. link element onload
  26. Difference between document.addEventListener and window.addEventListener?
  27. Override default behaviour for link (‘a’) objects in Javascript
  28. cloning javascript event object
  29. What is the difference between Document and document in JavaScript?
  30. Retrieving value from with multiple option in React

Leave a Comment