classname的不方便之處：
在操作類名時，需要通過classname屬性新增，刪除和替換類名。因為classname中是乙個字串，所以即使只修改字串一部分，也必須每次都設定整個字串的值。（如下所示：）
html部分
但是！！！classlist卻極為方便！！！所以classlist誕生了...
●classlist屬性：這個屬性是新集合型別domtokenlist的例項。其包含以下屬性和方法：
->length
->item（）（也可以用方括號語法）：取得每個元素
->add（）：將給定的字串值新增到列表中。如果值已經存在，就不新增。
->contains（）：表示列表中是否存在給定的值，如果存在則返回true，否則返回false。
->remove（）：從列表中刪除給定的字串。
->toggle（）：如果列表中已經存在給定的值，刪除它；如果列表中沒有給定的值，新增它。
元素的classList屬性怎麼用
檢視html元素的classlist元素將返回型別為domtokenlist的物件，所以我們要研究的是該物件的屬性和方法。該型別的物件描述了乙個用空格分隔的字串陣列，陣列的每一項代表該元素的乙個類名。htmlelement.classlist,htmllinkelement.rellist,html...
DOM類名操作classList 屬性
classlist 屬性返回元素的類名，作為 domtokenlist 物件。該屬性用於在元素中新增，移除及切換 css 類。classlist 屬性是唯讀的，但你可以使用 add 和 remove 方法修改它。add class1,class2,在元素中新增乙個或多個類名。document.get...
H5新增屬性classList
h5中新增了乙個classlist，原生js可以通過它來判斷獲取dom節點有無某個class。classlist是html元素物件的成員，它的使用非常簡單，比如 console.log document.body.classlist 目前已知classlist api有length,item,add...