classList属性#
classList
属性是HTML5新增的一个属性,返回元素的类名,ie10以上支持。
testbox
该属性用于在元素中添加,移除及切换CSS类,有以下方法:
-
添加类
element.classList.add('类名'); funny.classList.add('three');
该方法是在后面追加类名,与className不同,不会覆盖以前的类名
-
移除类
element.classList.remove('类名'); funny.classList.remove('two');
-
切换类
element.classList.toggle('类名'); document.body.classList.toggle('bg');