Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

DEV Community

GreggHume
GreggHume

Posted on

Simplest way to loop node list / HTMLCollection using map, foreach etc

#javscript #loop #dom #collection

You spread the list like this:

const elements = document.getElementsByClassName('modal');

[...elements].forEach((element)=> {
  console.log(element)
})
Enter fullscreen mode Exit fullscreen mode

Or in one line like this, this is useful if you are doing multiple loops and do not want to spread every time:

const elements = [...document.getElementsByClassName('modal')];

elements.forEach((element)=> {
  console.log(element)
})
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

bhavyajain profile image

Implementing Protected Dashboards Using Node.JS

Bhavya Jain -

jennythomas498 profile image

Unveiling CeCILL 2.1: A Deep Dive into an Evolving Open Source License

JennyThomas498 -

bhavyajain profile image

Exploring WebRTC with React

Bhavya Jain -

goodword2654 profile image

DEV.to API를 통한 자동 포스팅 테스트

dunder Kim (Hyeong) -