我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
使用纯JavaScript将类添加到元素的另一种方法
对于添加类：
document.getElementById("div1").classList.add("classToBeAdded");
要删除类：
document.getElementById("div1").classList.remove("classToBeRemoved");
其他回答
找到你想要的目标元素“d”，然后：
d.className += ' additionalClass'; //note the space
您可以用更聪明的方式来包装它，以检查预存在，检查空间需求等。。
在YUI中，如果包含yuidom，则可以使用
YAHOO.util.Dom.addClass（'div1'，'className'）；
HTH
我也认为最快的方法是使用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})}
如果您不想使用jQuery并希望支持较旧的浏览器：
function addClass(elem, clazz) {
if (!elemHasClass(elem, clazz)) {
elem.className += " " + clazz;
}
}
function elemHasClass(elem, clazz) {
return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}
大多数人在getElementById上使用.classList.add，但我想在getElementByClassName上使用它。为此，我使用了如下的forEach：
document.getElementsByClassName（“类名”）.forEach（element=>element.classList.add（“new class”））；
但它不起作用，因为我发现getElementsByClassName返回的是HTML集合，而不是数组。为了处理这个问题，我使用以下代码将其转换为数组：
[…document.getElementsByClassName（“类名”）].forEach（element=>element.classList.add（“new class”））；
