我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
我认为最好使用纯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）}}
其他回答
最短的
image1.parentNode.className+=' box';
image1.parentNode.className+=“box”；.box{width:100px；height:100px，background:red；}<div class=“someclass”><img。。。id=“images1”name=“image1”/></div>
找到你想要的目标元素“d”，然后：
d.className += ' additionalClass'; //note the space
您可以用更聪明的方式来包装它，以检查预存在，检查空间需求等。。
大多数人在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”））；
在我的例子中，我在DOM中有多个称为主包装器的类，但我只想影响父主包装器。使用：第一选择器(https://api.jquery.com/first-selector/)，我可以选择第一个匹配的DOM元素。这是我的解决方案：
$(document).ready( function() {
$('.main-wrapper:first').addClass('homepage-redesign');
$('#deals-index > div:eq(0) > div:eq(1)').addClass('doubleheaderredesign');
} );
我还对DOM中特定div的第二个孩子做了同样的事情，正如您在代码中看到的那样，我使用了$（'#deals index>div:eq（0）>div:eq（1）'）.addClass（'doubleheadrredesign'）；。
注意：如您所见，我使用了jQuery。
要向元素添加其他类，请执行以下操作：
要在不删除/影响现有值的情况下将类添加到元素，请附加一个空格和新类名，如下所示：
document.getElementById("MyElement").className += " MyClass";
要更改元素的所有类，请执行以下操作：
要用一个或多个新类替换所有现有类，请设置className属性：
document.getElementById("MyElement").className = "MyClass";
（可以使用空格分隔的列表来应用多个类。）
