/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

2 votes323 views2 answers
Q tag in html
Html
-1 vote332 views3 answers
If else if vue
Html
2 votes345 views2 answers
Onsubmit in html
Html
1 vote356 views2 answers
Submit() refreshes the page
Html
0 vote347 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html
2 votes337 views2 answers
Adding space tab in html
Html
0 vote370 views1 answer
Cambiar valor de atributo colspan jquery
Html
1 vote381 views1 answer
Multiple form submit for different form action
Html
1 vote327 views1 answer
How to check where was the changes in a perticuler commit git
Html
1 vote333 views1 answer
Pass method jsf component
Html