/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 vote287 views1 answer
Fixed size body html
Html
50 votes292 views2 answers
Html input label
Html
0 vote284 views1 answer
Simple form for add id to input
Html
0 vote293 views1 answer
Notion general mention?
Html
0 vote292 views1 answer
Html add vertical space below
Html
11 votes318 views2 answers
Javascript for video mp4 link in html
Html
12 votes303 views3 answers
Bootstrap cards with image
Html
35 votes310 views1 answer
How to make a divide sign in html
Html
1 vote313 views1 answer
Headings
Html
2 votes321 views4 answers
Tailwind CSS buttons
Html