classList

classList

返回元素类名

<div class="one two"></div>

var div = document.querSelector('div')
console.log(div.classList[0]);         //注意是伪元素

添加类名

div.classList.add('three')
//是在后面追加类名不会覆盖以前的类名 注意前面不需要加.      （点）

删除类名

div.classList.remove('one')

切换类

.bgc {
	background-color: red;
}

<button></button>

var btn = document.querySelector('button')
btn.addEventListener('click',function(){
	document.body.classList.toggle('bgc');   //有这个类就删除，没有这个类就添加
})