在早期的時候要新增，刪除類 需要用classname去獲取，然後通過正規表示式去判斷這個類是否存在。
**上去會有點麻煩，現在有了classlist 就方便了很多。
classlist 屬性返回元素的類名，作為 domtokenlist 物件。
該屬性用於在元素中新增，移除及切換 css 類。
classlist 屬性是唯讀的，但你可以使用 add() 和 remove() 方法修改它。
var len = document.body.classlist.length;//靜態屬性。獲取元素類名的個數document.body.classlist.add('class_a，class_b,class_c');//方法。用於新增元素的類(class_a)，接受多個引數，
document.body.classlist.remove('class_a');//方法。用於刪除元素的類（class_a），接受多個引數。和add一樣
document.body.classlist.contains('class_a');//返回true或者false 方法。用於檢測元素是否包含某個類（class_a），返回boolean值。
//toggle//方法。這個傢伙是add、remove、contains的結合，不僅能檢測元素是否包含某個類，而且還具備增刪功能，即如果存在某個類，
// 就remove掉，如果不存在，就add一下。返回乙個boolean值。
//如果body不存在 class_a 的類名，就會給body增加乙個 class_a 的類
document.body.classlist.toggle('class_a');//true
//再執行一遍，
class_a已被刪除了
document.body.classlist.toggle('class_a'); //false
更多詳細請參照 :
ps: 推薦乙個學習前端的文件**（html css js） mdn:
菜雞的學習之旅（一）
作為乙個剛剛踏出校園的新入職員工，還是感覺激動中帶著點複雜，總的來說，剛開始要學習的東西真的蠻多的，我作為乙個計算機學院的學生，之前也從來沒有接觸過硬體，除了物理實驗上拿子母線按照老師指示的方法戳來戳去，除此之外毫無理解，上司問你知道微控制器是什麼嗎？我搖搖頭。又問你知道usb3.0，2.0分別是什...
菜雞的學習之旅（二）
2.介面 現在，也就是近一年，非常流行type c的充電器口，其實這個很早就看到了，但是就是近期，很多手機公司都採用這種充電口了，包括華為，一加，查了一下資料，其實之前是有type a，type b介面的，而且在之前還有micro b介面，具體對比圖如下 type c還具有無正反，插拔次數可達1萬次...
菜雞的學習之旅（三）
3.整理一些工作中使用到的晶元 rs232是乙個非常好用的可以用來抽載電壓和電流的晶元，它也是乙個串列埠，可以通過rs232來得到需要的電壓電流。rs232可以與ttl電平轉換，但是需要乙個max232晶元，使用max232晶元可以實現rs232與ttl電平的雙向轉換。如果需要測量電壓電流並且評判是...