classList里面包含了add,remove,contains,toggle這四個調用方法，具體用法如下：

　　<div id='div1' class='c1'>  </div>

　　classList.add()為添加一個class類名，如：

　　　　div1.classList.add('c2');

　　　　得到結果：<div id='div1' class='c1 c2'>  </div>

　　classList.remove()為刪除一個class類名，如：

　　　　div1.classList.remove('c1');

　　　　得到結果：<div id='div1'>  </div>

　　classList.contains()為判斷是否有這個class類名,如：

　　　　console.log(div1.classList.contains('c1'));

　　　　輸出結果：true

　　　　contains()里面只能放一個類名，放多個會把你所寫的東西看作一個整體

　　classList.toggle()能夠幫我們切換類，即如果有就給你刪除，沒有就給你添加，如

　　　　第一種：div1.classList.toggle('c1');

　　　　得到結果：<div id='div1'>  </div>

　　　　第二種：div1.classList.toggle('c2');

　　　　得到結果：<div id='div1'  class='c1 c2'>  </div>