HTML5的新增属性classList。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="test" class="class1 class2 class3">
</div>
</body>
<script type="text/javascript">
var test = document.querySelector("#test")
test.classList.add("class4")
test.classList.remove("class1")
test.classList.toggle("class1")
console.log(test.classList)
</script>
</html>
通过debugger 监听test 可以看到classList集合
add()方法用来增加class,
remove()方法用来删除class,
toggle()方法是切换,如果有就删除,若没有就增加。