classList

classList是html5新增的操作类名的方式；新类型具有如下方法：

add()：给指定的字符串（要添加的类名）添加到类表中，如果值已经存在就不添加了；

remove()：从列表中删除指定的字符串（要删除的类名）；

contains()：类表中是否存在给定的类名，如果存在返回true，不存在返回false；

toggle()：如果类表中存在类名，删除它；如果不存在类名，添加它；

var oUl = document.getElementById("box");
oUl.classList.add("box");
oUl.classList.remove("main");
oUl.classList.toggle("tog");

但是需要注意的是：以上只能有一个参数，也就是只能一次性添加、删除、切换一个类名；