/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

3 votes308 views2 answers
How to install sweetalert2 with CDN?
Html
5 votes315 views1 answer
Youtube video image
Html
0 vote338 views1 answer
Render real time value in html input tag
Html
3 votes328 views1 answer
Bootstrap boilerplate code
Html
0 vote323 views2 answers
Link to middle of page
Html
0 vote294 views1 answer
Tailwind CSS tabs
Html
1 vote286 views1 answer
How to add google icons in html
Html
1 vote301 views1 answer
Action_page.php
Html
1 vote337 views9 answers
Among us
Html
16 votes296 views2 answers
Html tabulation
Html