如何使用javascript按类名更改html元素的值

Question

这是我用来改变html元素值的代码***

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

---

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

如何在页面加载实例上更改此文本

Answer 1

似乎您需要先添加DOMContentLoaded或放置脚本</body>

原生JavaScript解决方案

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

之前添加您的脚本 </body>

使用jQuery的版本

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