classList
? ??????classList 屬性返回元素的類名缔赠，作為 DOMTokenList 對象。
????????該屬性用于在元素中添加友题，移除及切換 CSS 類。
????????classList 屬性是只讀的戴质，但你可以使用 add() 和 remove() 方法修改它
? ? ? ? [ ]下標(biāo)? ?元素的第幾個class名字
? ? ? ? length? ?返回類列表中類的數(shù)量度宦，該屬性是只讀的? ?var?x = document.getElementById("myDIV").classList.length;
? ? ? ? value? ? className
add('name') 給元素添加一個或多個class
????????document.getElementById("myDIV").classList.add("mystyle",?"anotherClass",?"thirdClass");
remove("name") 刪除掉一個 class
????????document.getElementById("myDIV").classList.remove("mystyle",?"anotherClass",?"thirdClass");
contains("name") 判斷元素是否有這個class，返回布爾值? ??
????????var?x = document.getElementById("myDIV").classList.contains("mystyle");
toggle("name"); 切換 元素如果包含 "name" 這個class 就刪除告匠，否則就添加? ?
????????document.getElementById("myDIV").classList.toggle("newClassName");
item(index)?返回元素中索引值對應(yīng)的類名戈抄。索引值從 0 開始。如果索引值在區(qū)間范圍外則返回?null
????????var?x = document.getElementById("myDIV").classList.item(0);
實例
????var?x = document.getElementById("myDIV");
查看元素是否存在 "mystyle" 類后专，如果存在則移除另外一個類名:
????if?(x.classList.contains("mystyle")) {
??????? x.classList.remove("anotherClass");
????}?else?{
??????? alert("Could not find it.");
}
