📅  最后修改于: 2023-12-03 14:52:57.045000             🧑  作者: Mango
在没有 jQuery 中的 addClass() 方法的情况下,我们可以通过纯 JavaScript 的方式向元素添加类名。方法如下:
var element = document.getElementById("myElement");
element.classList.add("myClass");
上述代码将向 id 为 "myElement" 的元素添加类名为 "myClass"。
同时,我们也可以使用 remove() 方法将类名从元素中移除。代码如下:
element.classList.remove("myClass");
var element = document.getElementById("myElement");
element.className += " myClass";
上述代码将向 id 为 "myElement" 的元素添加类名为 "myClass"。
同时,我们也可以使用 replace() 方法将类名从元素中替换。代码如下:
element.className = element.className.replace("myClass", "newClass");
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() 方法类似,可以满足大部分日常使用需求。