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

Latest comments (0)

Read next

ternder profile image

DeFi Comptroller Smart Contract Review

Nicholas -

makky profile image

How to work with shared dev clusters (and why) - Part II: Why backwards compatibility is overrated

Margot Mueckstein -

flameface profile image

Everyday AI Tools

FlameFace -

sreejinsreenivasan profile image

Supabase: A Guide to Setting Up Your Local Environment

sreejinsreenivasan -