JS+H5新标签classList。删除添加class

经常要兼容不得不用老方法，总要还下新方法来尝试的

直接上代码：

 1 window.onload = function() {
 2     var abox = document.querySelectorAll(".sub");
 3     for (var i = 0; i < abox.length; i++) {
 4         abox[i].onclick = function() {
 5             for (var i = 0; i < abox.length; i++) {
 6                 abox[i].classList.remove('active')
 7             }
 8             this.classList.add("active");
 9         }
10     }
11 }

简单说明：

div.classList.add("active");

div.classList.remove("active");

div.classList.length 有几个class名字

div.classList.item[0] 获取下标

div.classList.contains("class名") 查看是否存在这个名字存在是 true 不存在是 false

如果存在就移除：

var x = document.getElementById("myDIV");
if (x.classList.contains("mystyle")) {
    x.classList.remove("anotherClass");
} else {
    alert("Could not find it.");
}