The Array.from () method is used to create a new Array from an array-like or iterable object. The HTMLCollection is passed to this method to convert it into an Array. The forEach () method can now be used to iterate over the elements like an array and display them. Syntax: Array.from(collection).forEach(function (element) { console.log(element)

This will work although when embedding PHP in HTML it is better practice to use the following form: <table> <?php foreach($array as $key=>$value): ?> <tr> <td><?= $key; ?></td> </tr> <?php endforeach; ?> </table>

forEach is passing item and increment as parameters. this does not refer to your item but to the global window in this scope. You can set the item.innerHTML by using the item parameter. var myArray = document.getElementsByClassName('box'); myArray = Array.from(myArray); myArray.forEach((item, increment) => item.innerHTML = increment});