我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
假设您所做的不仅仅是添加这个类（例如，您还有异步请求等），我建议使用Prototype或jQuery这样的库。
这将使你需要做的所有事情（包括这个）变得非常简单。
假设您现在在页面上有jQuery，您可以使用如下代码向元素添加类名（在本例中是加载时）：
$(document).ready( function() {
$('#div1').addClass( 'some_other_class' );
} );
查看jQueryAPI浏览器以了解其他内容。
其他回答
在YUI中，如果包含yuidom，则可以使用
YAHOO.util.Dom.addClass（'div1'，'className'）；
HTH
为了详细说明其他人所说的，多个CSS类组合在一个字符串中，由空格分隔。因此，如果您想对其进行硬编码，它只需如下所示：
<div class="someClass otherClass yetAnotherClass">
<img ... id="image1" name="image1" />
</div>
从那里，您可以很容易地导出添加新类所需的javascript。。。只需在元素的className属性中添加一个空格，后跟新类。知道了这一点，您还可以编写一个函数，以便以后在需要时删除类。
使用纯JavaScript将类添加到元素的另一种方法
对于添加类：
document.getElementById("div1").classList.add("classToBeAdded");
要删除类：
document.getElementById("div1").classList.remove("classToBeRemoved");
当我正在做的工作不需要使用库时，我使用以下两个函数：
function addClass( classname, element ) {
var cn = element.className;
//test for existance
if( cn.indexOf( classname ) != -1 ) {
return;
}
//add a space if the element already has class
if( cn != '' ) {
classname = ' '+classname;
}
element.className = cn+classname;
}
function removeClass( classname, element ) {
var cn = element.className;
var rxp = new RegExp( "\\s?\\b"+classname+"\\b", "g" );
cn = cn.replace( rxp, '' );
element.className = cn;
}
document.getElementById('some_id').className+=' someclassname'
OR:
document.getElementById('some_id').classList.add('someclassname')
当第二种方法不起作用时，第一种方法有助于添加类。在第一种方法中，不要忘记在“someclassname”前面留一个空格。
对于删除，您可以使用：
document.getElementById('some_id').classList.remove('someclassname')
