classList
在早期的時候要添加，刪除類 需要用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
更多詳細請參照 : http://www.runoob.com/jsref/prop-element-classlist.html
ps: 推薦一個學習前端的文檔網站（HTML CSS JS） MDN: https://developer.mozilla.org/zh-CN