javascript - 用 JavaScript 按类替换内容

Question

如何使用 Javascript 按类选择元素来修改内容？

其实我试过用这个:

document.getElementsByClassName("myClass").innerHTML = "new content"

但什么都不做。如果我按 ID 选择元素，它就可以工作

document.getElementById("myID").innerHTML = "new content"

但我需要可以按类选。

我只需要更改标签内的内容。将文本替换为 woocommerce 按钮的 img 元素。

谢谢!

Answer 1

getElementsByClassName 将返回数组。所以循环该数组并执行您的逻辑:

var myClasses = document.getElementsByClassName("myClass");

for (var i = 0; i < myClasses.length; i++) {
  myClasses[i].innerHTML = "new content";
  }

<div class="myClass">old content</div>
<div class="myClass">old content</div>