<body>
<div id="foo"></div>
<button onclick ="addClass(el,'Test') ">click</button>
</body>
<script>
function addClass(element, myClass) {
element.className = myClass;
}
var el = document.getElementById('foo');
</script>
我想在不删除以前的类的情况下添加更多类。
CSS 类在属性中以空格分隔，因此：
function addClass(element, myClass){
element.className += ' '+myClass;
}
或者，对于现代浏览器，使用classListAPI：
function addClass(element, myClass){
element.classList.add(myClass);
}
…您甚至可以为旧版浏览器填充。
如果您不使用classList并希望确保您的class属性在字符串中只有一个给定类的实例，您可以先将其删除（完全没有必要，但对于 OCD）：
var re = new RegExp( "(?:^|\\s)"+myClass+"(?:\\s|$)", 'g' );
el.className = el.className.replace(re, '');
尝试这个：
function addClass(element, myClass) {
element.className += ' ' + myClass;
}
var foo = document.getElementById('foo');
addClass(foo, 'a');
addClass(foo, 'b');