classList

322 词
classList属性

classList属性#

classList 属性是HTML5新增的一个属性,返回元素的类名,ie10以上支持。
testbox

该属性用于在元素中添加,移除及切换CSS类,有以下方法:

  1. 添加类
                        element.classList.add('类名');
                        funny.classList.add('three');
                    

    该方法是在后面追加类名,与className不同,不会覆盖以前的类名

  2. 移除类
                        element.classList.remove('类名');
                        funny.classList.remove('two');
                    
  3. 切换类
                        element.classList.toggle('类名');
                        document.body.classList.toggle('bg');