用 JavaScript 按类替换内容

Question

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

其实我试过用这个：

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

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

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

但是我需要可以按类选择。

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

谢谢！

原文由 Alejandro Garrido 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Justinas 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

正如其他人指出的那样，getElementsByClass 返回一个数组。如果你愿意使用 jquery，它可以简化为

$(".myClass").html("new content")

原文由 Ein2012 发布，翻译遵循 CC BY-SA 3.0 许可协议