首页 > 解决方案 > Javascript - 将类添加到类(不是 ID)

问题描述

在 HTML 文件中,我加载了一个包含一些代码的 javascript 文件(在标题中)。在该代码中,它检查 cookie 是否存在。如果 cookie 不存在,它应该将一个类添加到一个应该与一个类匹配的 div 中。

例子:

它应该添加类的类:

<header class="firstClass">

的JavaScript:

var classcode = document.getElementsByClassName("firstClass");

if (myCookie == null) {
    add class "secondClass" to "firstClass";
}

我已经尝试了几件事,但我无法让它工作......

我应该提一下,javascript 文件是在应该添加类的 div 之前加载的。

标签: javascriptclassif-statement

解决方案


您可以使用 querySelectorAll 来查找类firstClass的所有元素。这将产生一个数组,然后你只需要遍历它。

var classcode = document.querySelectorAll(".firstClass");

classcode.forEach(function(element) {
    element.classList.add("mystyle")
  console.log(element);
});

推荐阅读