How to convert a DOM node list to an array in Javascript?

by

In es6 you can just use as follows:

  • Spread operator 

     var elements = [... nodelist]

  • Using Array.from

     var elements = Array.from(nodelist)

more reference at https://developer.mozilla.org/en-US/docs/Web/API/NodeList

More Related Contents:

  1. Trying to use Javascript to add new li element to my ordered list, anyone know why this code isn’t working?
  2. Do DOM tree elements with IDs become global properties?
  3. How to make JavaScript execute after page load?
  4. Changing website favicon dynamically
  5. How do I programmatically set the value of a select box element using JavaScript?
  6. Dynamically set value of a file input [duplicate]
  7. How to correctly iterate through getElementsByClassName
  8. Appending HTML string to the DOM
  9. How to append text to a “?
  10. Best Practice: Access form elements by HTML id or name attribute?
  11. Difference between Node object and Element object?
  12. Why are duplicate ID values not allowed in HTML?
  13. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  14. JavaScript get element by name
  15. Is there a DOM event that fires when an HTML select element is closed?
  16. Difference between Element.value and Element.getAttribute(“value”)
  17. Why is the variable holding the input value always logged as empty?
  18. HTML DOM: Which events do not bubble?
  19. How do I put codes from jsfiddle.net into my website?
  20. Focus Input Box On Load
  21. Screen Scraping from a web page with a lot of Javascript [closed]
  22. Attach event listener through javascript to radio button
  23. window.getSelection() gives me the selected text, but I want the HTML
  24. Is there a flexible way to modify the contents of an editable element?
  25. a way to check validity of HTML5 forms?
  26. Open new window without focus on it [duplicate]
  27. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  28. window.getSelection return html [duplicate]
  29. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  30. Why is iframe.contentWindow == null?

Leave a Comment