我也认为最快的方法是使用Element.prototype.classList，如es5:document.querySelector（“.my.superclass”）.classList.add（'new-class'）但是在ie8中没有Element.prototype.classList这样的东西，无论如何，您可以用以下代码段来填充它（可以自由编辑和改进它）：

if（Element.prototype.classList==void 0）{函数DOMTokenList（类，自身）{typeof classes==“string”&&（classes=classes.split（“”））while（此长度）{Array.protocol.pop.apply（this）；}数组.原型.推送.应用（this，类）；这一点__self__=这个__自我__||自我}DOMTokenList.prototype.item=函数（索引）{返回此[索引]；}DOMTokenList.prototype.contains=函数（myClass）{对于（var i=this.length-1；i>=0；i-）{如果（this[i]==myClass）{返回true；}}return false}DOMTokenList.prototype.add=函数（newClass）{if（this.contains（newClass））{回来}这一点__self__.className+=（this.__self__.calassName？“”：“”）+newClass；DOMTokenList.call（this，this.__self__.className）}DOMTokenList.prototype.remove=函数（旧类）{if（！this.contains（newClass））{回来}this[this.indexOf（oldClass）]=未定义这一点__self__.className=this.join（''）.replace（/+/，''）DOMTokenList.call（this，this.__self__.className）}DOMTokenList.prototype.toggle=函数（aClass）{this[this.contains（aClass）？'remove'：'add']（aClass）返回this。contains（aClass）；}DOMTokenList.prototype.replace=函数（旧类，新类）{this.contains（oldClass）&&this.remove（oldClass）&&this.add（newClass）}Object.defineProperty（Element.prototype，'classList'{获取：函数（）{返回新的DOMTokenList（this.className，this）；},可枚举：false})}

可以使用classList.add或classList.remove方法从元素中添加/删除类。

var nameElem = document.getElementById("name")
nameElem.classList.add("anyclss")

上述代码将向nameElem添加（而不是替换）一个类“anyclass”。类似地，可以使用classList.remove（）方法删除类。

nameElem.classList.remove("anyclss")

如果您不想使用jQuery并希望支持较旧的浏览器：

function addClass(elem, clazz) {
    if (!elemHasClass(elem, clazz)) {
        elem.className += " " + clazz;
    }
}

function elemHasClass(elem, clazz) {
    return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}

在没有任何框架的情况下，最简单的方法是使用element.classList.add方法。

var element = document.getElementById("div1");
element.classList.add("otherclass");

编辑：如果要从元素中删除类-

element.classList.remove("otherclass");

我宁愿不添加任何空格和重复条目处理（使用document.className方法时需要这样做）。浏览器存在一些限制，但可以使用polyfills解决这些限制。

对于使用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()

我认为最好使用纯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）}}