在YUI中，如果包含yuidom，则可以使用

YAHOO.util.Dom.addClass（'div1'，'className'）；

HTH

对于使用Lodash并希望更新className字符串的用户：

// get element reference
var elem = document.getElementById('myElement');

// add some classes. Eg. 'nav' and 'nav header'
elem.className = _.chain(elem.className).split(/[\s]+/).union(['nav','navHeader']).join(' ').value()

// remove the added classes
elem.className = _.chain(elem.className).split(/[\s]+/).difference(['nav','navHeader']).join(' ').value()

添加类

交叉兼容在下面的示例中，我们向＜body＞元素添加类名。这与IE-8兼容。var a=文档正文；a.classList？a.classList.add（'classname'）：a.classname+='classname'；这是以下内容的简写。。var a=文档正文；if（a.classList）{a.classList.add（'wait'）；}其他{a.className+=“等待”；}

表演如果您更关心性能而不是交叉兼容性，可以将其缩短为以下值，即速度提高4%。var z=文档正文；document.body.classList.add（'wait'）；

方便或者，您可以使用jQuery，但结果的性能会明显降低。根据jsPerf，速度降低了94%$（'body'）.addClass（'wait'）；

正在删除类

表演如果您关注性能，那么有选择地使用jQuery是删除类的最佳方法var a=document.body，c=“类名”；$（a）.removeClass（c）；

没有jQuery，速度会慢32%var a=document.body，c=“类名”；a.className=a.className.replace（c，“”）；a.className=a.className+c；

工具书类

jsPerf测试用例：添加类jsPerf测试用例：删除类

使用原型

Element("document.body").ClassNames.add("classname")
Element("document.body").ClassNames.remove("classname")
Element("document.body").ClassNames.set("classname")

使用YUI

YAHOO.util.Dom.hasClass(document.body,"classname")
YAHOO.util.Dom.addClass(document.body,"classname")
YAHOO.util.Dom.removeClass(document.body,"classname")

要向元素添加其他类，请执行以下操作：

要在不删除/影响现有值的情况下将类添加到元素，请附加一个空格和新类名，如下所示：

document.getElementById("MyElement").className += " MyClass";

要更改元素的所有类，请执行以下操作：

要用一个或多个新类替换所有现有类，请设置className属性：

document.getElementById("MyElement").className = "MyClass";

（可以使用空格分隔的列表来应用多个类。）

我认为最好使用纯JavaScript，它可以在浏览器的DOM上运行。

这里是使用它的函数方法。我使用过ES6，但可以随意使用ES5和函数表达式或函数定义，无论哪种都适合您的JavaScript StyleGuide。

'使用严格'const oldAdd=（元素，className）=>{let classes=element.className.split（“”）if（classes.indexOf（className）<0）{classs.push（className）}element.className=classes.join（“”）}const oldRemove=（元素，className）=>{let classes=element.className.split（“”）const idx=classes.indexOf（className）如果（idx>-1）{类.拼接（idx，1）}element.className=classes.join（“”）}const addClass=（元素，className）=>{if（element.classList）{element.classList.add（className）}其他{oldAdd（元素，className）}}const removeClass=（元素，className）=>{if（element.classList）{element.classList.remove（className）}其他{oldRemove（元素，className）}}

使用纯JavaScript将类添加到元素的另一种方法

对于添加类：

document.getElementById("div1").classList.add("classToBeAdded");

要删除类：

document.getElementById("div1").classList.remove("classToBeRemoved");