classList 属性 用法

classList 属性

classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。
该属性用于在元素中添加，移除及切换 CSS 类。有以下方法

添加类：

element.classList.add（’类名’）；

移除类：

element.classList.remove（’类名’）;

切换类：

element.classList.toggle（’类名’）;

案例

用classList属性实现开关灯

<style>
        .bg {
            background-color: black;
        }
</style>

<button>开关</button>


var btn = document.querySelector('button')
        btn.addEventListener('click',function(){
            document.body.classList.toggle('bg');
        })