好用的classList

元素身上有个classList对象

  • add(类名) 添加类名
  • remove(类名) 删除类名
  • replace(替换谁,替换成什么)替换
  • contains(类名) 布尔值
  • toggle(类名) 切换 返回值还是布尔值
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);
}

你可能感兴趣的:(好用的classList)