JavaScript中设置元素class，添加/删除元素class的方法

.a{
    color: red;
}

#id  box

var box = document.getElementById(‘box‘);
box.setAttribute(‘class‘,‘a‘);

.a{
    color: red;
}

#id  box

var box = document.getElementById(‘box‘);
box.setAttribute(‘className‘,‘a‘);

.a{
    color: red;
}
.b{
    font-size: 18px;
}

#id  box

var box = document.getElementById(‘box‘);
box.className = ‘a‘;
box.className += ‘ b‘; //前加空格

.a{
    color: red;
}
.b{
    font-size: 18px;
}
.c{
    background: #8A2BE2;
}
#id  box

var box = document.getElementById(‘box‘);
//console.log(box.classList);
box.classList.add(‘a‘);      //添加
box.classList.remove(‘b‘);   //删除
box.classList.toggle(‘c‘) //如果有相应的class就删除，没有就添加
var if_b = box.classList.contains(‘a‘); //查找有没有相应的 class，返回true/false
console.log(if_b);