for .. of Browser support for for .. of loops looks pretty good and this seems like a super clean syntax to me: for (const button of buttons) { button.addEventListener('click', () => { console.log("for .. of worked"); }); } Save Make an array right away const buttons = Array.prototype.slice.apply( document.querySelectorAll(".js-do-thing") ); Save Now you can use all the normal array functions. buttons.forEach((button) => { console.log("apply worked"); });
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter