如何使用jQuery或Javascript获取类名

我想创建一个Javascript函数，在这里它读取所选元素的类并添加类

active

。如何获取函数所在的HTML元素类

我试图用

document.getElementsByCassName（class）

创建一个Javascript函数，但这不起作用

函数menuicon（）{
var className=$（'div'）.attr（'class'）；
className.$（className）.addClass（“活动”）；
}

---

您需要将元素传递给函数：

onclick="classAdd(this)"

然后在函数中，只需使用

.addClass

，就不需要使用

className

function classAdd(element) {
    $(element).addClass("active");
}

---

此代码段仅在div的类列表中包含“active”

var classAdd = function() {
                  var menuIcon = document.querySelector('div.menuicon');
                      menuIcon.addEventListener('click',() => {
                                                    menuIcon.classList.add('active');
                                                 });
                          }

---

如果要使用encase，请使用

div

和

menuicon

类。 下面的代码对您来说很好

function classAdd() {
    $("div.menuicon").attr("class", "menuicon active");
}

---

或者他可以只使用

onclick=“classAdd（）”

并在函数中引用

这个

，或者由于某种原因这是错误的？这不起作用，

当您调用这样的函数时，此

不会被传递。另一种方法是使用jquery并在javascript中设置事件，而不是使用

onclick=

-然后您会得到

此

。即使没有jquery，也可以设置事件，因为它采用了良好的编码实践，三年的

.js

之后，我从未想到

.onclick

不等于用这种方式在HTML中写入onclick…@despamigros使用

切换类

而不是

添加类

。这需要两次点击。第一次单击添加事件侦听器，第二次单击添加类。