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

问题描述

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

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

推荐答案

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

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

原生JavaScript解决方案

Native JavaScript solution

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

---

在</body>

jQuery版本

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

这篇关于如何使用javascript通过类名更改html元素的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！