我有一个元素已经有一个类：
<div class="someclass">
<img ... id="image1" name="image1" />
</div>
现在，我想创建一个JavaScript函数，它将向div添加一个类（不是替换，而是添加）。
我该怎么做？
当前回答
在YUI中，如果包含yuidom，则可以使用
YAHOO.util.Dom.addClass（'div1'，'className'）；
HTH
其他回答
使用纯JavaScript将类添加到元素的另一种方法
对于添加类：
document.getElementById("div1").classList.add("classToBeAdded");
要删除类：
document.getElementById("div1").classList.remove("classToBeRemoved");
在没有任何框架的情况下，最简单的方法是使用element.classList.add方法。
var element = document.getElementById("div1");
element.classList.add("otherclass");
编辑：如果要从元素中删除类-
element.classList.remove("otherclass");
我宁愿不添加任何空格和重复条目处理（使用document.className方法时需要这样做）。浏览器存在一些限制，但可以使用polyfills解决这些限制。
要以简单的方式添加、删除或检查元素类，请执行以下操作：
var uclass = {
exists: function(elem,className){var p = new RegExp('(^| )'+className+'( |$)');return (elem.className && elem.className.match(p));},
add: function(elem,className){if(uclass.exists(elem,className)){return true;}elem.className += ' '+className;},
remove: function(elem,className){var c = elem.className;var p = new RegExp('(^| )'+className+'( |$)');c = c.replace(p,' ').replace(/ /g,' ');elem.className = c;}
};
var elem = document.getElementById('someElem');
//Add a class, only if not exists yet.
uclass.add(elem,'someClass');
//Remove class
uclass.remove(elem,'someClass');
如果您不想使用jQuery并希望支持较旧的浏览器：
function addClass(elem, clazz) {
if (!elemHasClass(elem, clazz)) {
elem.className += " " + clazz;
}
}
function elemHasClass(elem, clazz) {
return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}
我知道IE9已经正式关闭，我们可以使用element.classList实现它，正如上面很多人所说的那样，但我只是在上面的许多答案的帮助下尝试学习它如何在没有classList的情况下工作。
下面的代码扩展了上面的许多答案，并通过避免添加重复的类来改进它们。
function addClass(element,className){
var classArray = className.split(' ');
classArray.forEach(function (className) {
if(!hasClass(element,className)){
element.className += " "+className;
}
});
}
//this will add 5 only once
addClass(document.querySelector('#getbyid'),'3 4 5 5 5');
