我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
如果您不想使用jQuery并希望支持较旧的浏览器：
function addClass(elem, clazz) {
if (!elemHasClass(elem, clazz)) {
elem.className += " " + clazz;
}
}
function elemHasClass(elem, clazz) {
return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}
其他回答
如果您不想使用jQuery并希望支持较旧的浏览器：
function addClass(elem, clazz) {
if (!elemHasClass(elem, clazz)) {
elem.className += " " + clazz;
}
}
function elemHasClass(elem, clazz) {
return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}
要向元素添加其他类，请执行以下操作：
要在不删除/影响现有值的情况下将类添加到元素，请附加一个空格和新类名，如下所示：
document.getElementById("MyElement").className += " MyClass";
要更改元素的所有类，请执行以下操作：
要用一个或多个新类替换所有现有类，请设置className属性：
document.getElementById("MyElement").className = "MyClass";
（可以使用空格分隔的列表来应用多个类。）
在没有任何框架的情况下，最简单的方法是使用element.classList.add方法。
var element = document.getElementById("div1");
element.classList.add("otherclass");
编辑：如果要从元素中删除类-
element.classList.remove("otherclass");
我宁愿不添加任何空格和重复条目处理（使用document.className方法时需要这样做）。浏览器存在一些限制，但可以使用polyfills解决这些限制。
假设您所做的不仅仅是添加这个类（例如，您还有异步请求等），我建议使用Prototype或jQuery这样的库。
这将使你需要做的所有事情（包括这个）变得非常简单。
假设您现在在页面上有jQuery，您可以使用如下代码向元素添加类名（在本例中是加载时）：
$(document).ready( function() {
$('#div1').addClass( 'some_other_class' );
} );
查看jQueryAPI浏览器以了解其他内容。
最短的
image1.parentNode.className+=' box';
image1.parentNode.className+=“box”；.box{width:100px；height:100px，background:red；}<div class=“someclass”><img。。。id=“images1”name=“image1”/></div>
