用 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>