javascript - 如何使用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");
});