H5新增的属性,是一个classList对象,既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类
。
青青子衿 2019-05-27 01:39:02 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);
}