JS修改class属性

DOM里的每个节点上都有一个classList对象，既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。

• add(类名) 添加类名
• remove(类名) 删除类名
• replace(替换谁，替换成什么)替换
• contains(类名) 布尔值
• toggle(类名) 切换 返回值还是布尔值（有就切掉，没有就加上）
• item(索引)

试试

• 添加类（add）
  box.classList.add(‘red’,‘blue’);

以此格式都一样，可以试试；

 document.onclick = function(){
        // addClass(box,'red');
        box.classList.add('red','blue');
        console.log(box.classList.contains('bg'))
        box.classList.replace('bg','red');
        console.log(box.classList.contains('red'))
        console.log(box.classList.toggle('bg'));
        console.log(box.classList);
    }