how to change value of html element by classname using javascript

Question

Here is the code i am using to change value of html element ***

<a class="classname" href="Vtech.com"> This text to be chnage</a>

---

<script type="text/javascript">
document.getElementsByClassName("classname")[0].innerHTML = "aaaaaaqwerty";
</script>

how can I change this text on page load instans

Answer 1

Seems you need to add DOMContentLoaded or put your script before </body>

Native JavaScript solution

document.addEventListener("DOMContentLoaded", function(event) {
  document.getElementsByClassName("classname")[0].innerHTML = "qwerty";
});

---

Add your script before </body>

---

Version with jQuery

$(funtion(){
   $(".classname:first").text("qwerty");
});