Question

我希望你可以为任何div添加类，或者不用编辑div。实际上我发现了一个名为动画的插件在wordpress中，我需要添加“动画类”来动画任何内容。所以我想在woocommerce中为我的产品制作动画。但问题是，我无法编辑html。所以我的问题就是如果我知道它的id或类，我如何通过javascript向div添加一个类。

如何在下面给出的示例中执行此操作。 <div id="product-1" class="my-product-1">this is product 1</div>

Answer 1

如果你使用jQuery：

$( document ).ready(function() {
    $('div, li').addClass('newClass');
});

您可以通过添加任何您想要的类或ID来替换'div，li'，即：

$('.class').addClass('newClass');

或

$('#id').addClass('newClass');

更多信息： https://api.jquery.com/addclass/

Answer 2

将空格加上新类的名称添加到元素的className属性中。首先，在元素上放置id，以便您可以轻松获得参考。

<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

然后

var d = document.getElementById("div1");
d.className += " otherclass";

来自https://stackoverflow.com/posts/507157/edit

的参考资料

另见element.className on MDN。

Answer 3

纯JavaScript解决方案，确保在加载DOM时运行它。

＆＃13;

var items = document.getElementsByTagName("a");

for (i = 0; i < items.length; i++) {
  items[i].className += "item";
}

console.log(items);

＆＃13;

<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>

＆＃13;

Answer 4

您可以使用DOM元素

document.getElementsByID("#id").setAttribute("class", "democlass");

如何使用JavaScript将类添加到任何“div”或“li”或“a”

4 个答案: