[TOC] # classList属性 classList属性是HTML 5新增的一个属性,返回元素的类名。但是ie10以上版本支持。 该属性用于在元素中添加,移除及切换CSS类。有以下方法 ## 添加类: element.classList.add('类名’) ; ~~~ focus.classList.add ( 'current') ; ~~~ ## 移除类: element.classList.remove('类名’); ## 切换类: (有就删去，没有就添加) element.classList.toggle('类名'); # 实验代码 ~~~ <button>开关灯</button> <script> // classList 返回元素的类名 var div = document . querySelector( 'div' ); // console .1og( div. classList[1]); //1.添加类名是在后面追加类名不会覆盖以前的类名注意前面不需要加. div.classList. add('three ' ); // 2.删除类名 div.classList.remove( 'one ' ); // 3.切换类 var btn = document . querySelector( ' button'); btn. addEventL istener( 'click', function() { document . body .classList. toggle('bg' ); }) </script> ~~~