HTML5-新增的操作类
以前我们通过className操作（新增、删除）类不方便，比如新增className += ‘class’，当点击几次时会重复的添加class，很冗余，操作起来也很不方便，html5新增了操作类的方法，classList。
如何获取classList，我们会获得一个伪数组，保存当前元素所有的类
.red{background-color:red
}
.blackcolor{color:black
}
let box = document.querySelector('.classname')
box.classList // 伪数组
提供方法：
-
添加类 add()
box.classList.add('red','blackcolor') -
删除类 remove()
box.classList.remove('red','blackcolor') -
是否存在类 contains(‘red’) 返回布尔值true、false
box.classList.contains('red') // false -
切换类（有就删 无则加） toggle(‘xx’)
box.classList.contains('heihei') // 新增一个heihei类 -
替换类 replace(‘被替换的’，‘替换进去的新类’)
box.classList.replace('red','') // red被除去
