最短的

image1.parentNode.className+=' box';

image1.parentNode.className+=“box”；.box{width:100px；height:100px，background:red；}<div class=“someclass”><img。。。id=“images1”name=“image1”/></div>

我也认为最快的方法是使用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})}

首先，给div一个id。然后，调用函数appendClass：

<script language="javascript">
  function appendClass(elementId, classToAppend){
    var oldClass = document.getElementById(elementId).getAttribute("class");
    if (oldClass.indexOf(classToAdd) == -1)
    {
      document.getElementById(elementId).setAttribute("class", classToAppend);
    }
}
</script>

document.getElementById('some_id').className+='  someclassname'

OR:

document.getElementById('some_id').classList.add('someclassname')

当第二种方法不起作用时，第一种方法有助于添加类。在第一种方法中，不要忘记在“someclassname”前面留一个空格。

对于删除，您可以使用：

document.getElementById('some_id').classList.remove('someclassname')

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

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

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

nameElem.classList.remove("anyclss")

纯JS示例。在第一个示例中，我们获取元素的id并添加例如2个类。

document.addEventListener('DOMContentLoaded', function() {
    document.getElementsById('tabGroup').className = "anyClass1 anyClass2";
})

在第二个示例中，我们获取元素的类名并再添加1。

document.addEventListener('DOMContentLoaded', function() {
    document.getElementsByClassName('tabGroup')[0].className = "tabGroup ready";
})