/Html/Javascript access collections of elements

Javascript access collections of elements

<div class="wrapper">
  <p class="box">Food</p>		<!-- Index Position 0 -->
  <p class="box">Drink</p>		<!-- Index Position 1 -->
  <p class="box">Books</p>		<!-- Index Position 2 -->
  <p class="box">Whatever</p>	<!-- Index Position 3 -->
</div>

<script>
var myCollection = document.getElementsByClassName("box");
console.log(myCollection)
myCollection[0].innerHTML = "I can change everything!"
</script>

Similar codes

0 vote132 views1 answer
Twig not render
Html
0 vote142 views1 answer
Org.hibernate.HibernateException: No CurrentSessionContext configured! hibernate spring
Html
0 vote94 views1 answer
Html pass attribute to react
Html
1 vote136 views1 answer
How to align 2 buttons in a div
Html
5 votes129 views2 answers
Vue if echo class
Html
-1 vote119 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
2 votes140 views1 answer
View-source
Html
-1 vote133 views1 answer
Where does lava come from
Html
0 vote148 views1 answer
Html print today date
Html
2 votes125 views2 answers
Add html img tag
Html