使用JavaScript按类别替换内容 [英] Replace content by class with JavaScript

问题描述

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

How can I modify the content with Javascript selecting the elements by class?

实际上我尝试使用这个:

Actually I tried using this:

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

但是什么也没做.如果我通过ID选择元素，那么就可以了

But does nothing. If I select the element by ID it's work

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

但是我需要可以按班级选择.

But I need can select by class.

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

I only need to change the content inside a tag. Replacing a text to an img element for a woocommerce buttons.

谢谢！

推荐答案

getElementsByClassName 将返回数组.因此，循环该数组并执行您的逻辑:

getElementsByClassName will return array. So loop that array and do your logic:

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>

这篇关于使用JavaScript按类别替换内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！