使用JavaScript将CSS类添加到元素中
问题描述:
<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>
我想添加更多的课程而不删除之前的课程。
I would like to add more more classes without the previous class being removed.
答
试试这个:
function addClass(element, myClass) {
element.className += ' ' + myClass;
}
var foo = document.getElementById('foo');
addClass(foo, 'a');
addClass(foo, 'b');