📜  如何在没有 jQuery 中的 addClass() 方法的情况下向元素添加类?(1)

📅  最后修改于: 2023-12-03 14:52:57.045000             🧑  作者: Mango

如何在没有 jQuery 中的 addClass() 方法的情况下向元素添加类?

在没有 jQuery 中的 addClass() 方法的情况下,我们可以通过纯 JavaScript 的方式向元素添加类名。方法如下:

方法一:使用 classList
var element = document.getElementById("myElement");
element.classList.add("myClass");

上述代码将向 id 为 "myElement" 的元素添加类名为 "myClass"。

同时,我们也可以使用 remove() 方法将类名从元素中移除。代码如下:

element.classList.remove("myClass");
方法二:使用 className
var element = document.getElementById("myElement");
element.className += " myClass";

上述代码将向 id 为 "myElement" 的元素添加类名为 "myClass"。

同时,我们也可以使用 replace() 方法将类名从元素中替换。代码如下:

element.className = element.className.replace("myClass", "newClass");
方法三:使用 setAttribute()
var element = document.getElementById("myElement");
element.setAttribute("class", "myClass");

上述代码将向 id 为 "myElement" 的元素添加类名为 "myClass"。

同时,我们也可以使用 getAttribute() 和 removeAttribute() 方法来获取和删除元素的类名。代码如下:

var classes = element.getAttribute("class");
element.removeAttribute("class");

以上就是在没有 jQuery 中的 addClass() 方法的情况下向元素添加类的方式。这些方法与 jQuery 中的 addClass() 方法类似,可以满足大部分日常使用需求。