H5新增了一種操作類(lèi)名的方法昼牛,classList泛鸟,這個(gè)屬性是新集合類(lèi)型DOMTokenList的實(shí)例蝠咆。
Element.classList 是一個(gè)只讀屬性,返回一個(gè)元素的類(lèi)屬性的實(shí)時(shí) DOMTokenList
集合北滥。
使用 **classList **是一個(gè)方便的替代方法刚操,通過(guò)element.className
作為空格分隔的字符串訪問(wèn)元素的類(lèi)列表。
方法
- add( String [, String] )
添加指定的類(lèi)值再芋。如果這些類(lèi)已經(jīng)存在于元素的屬性中菊霜,那么它們將被忽略。 - remove( String [,String] )
刪除指定的類(lèi)值济赎。 - item ( Number )
按集合中的索引返回類(lèi)值鉴逞。 - toggle ( String [, force] )
當(dāng)只有一個(gè)參數(shù)時(shí):切換 class value; 即如果類(lèi)存在记某,則刪除它并返回false,如果不存在构捡,則添加它并返回true液南。
當(dāng)存在第二個(gè)參數(shù)時(shí):如果第二個(gè)參數(shù)的計(jì)算結(jié)果為true,則添加指定的類(lèi)值叭喜,如果計(jì)算結(jié)果為false贺拣,則刪除它 - contains( String )
檢查元素的類(lèi)屬性中是否存在指定的類(lèi)值。
示例
// div是具有class =“foo bar”的<div>元素的對(duì)象引用
div.classList.remove("foo");
div.classList.add("anotherclass");
// 如果visible被設(shè)置則刪除它捂蕴,否則添加它
div.classList.toggle("visible");
// 添加/刪除 visible譬涡,取決于測(cè)試條件裳凸,i小于10
div.classList.toggle("visible", i < 10);
alert(div.classList.contains("foo"));
//添加或刪除多個(gè)類(lèi)
div.classList.add("foo","bar");
div.classList.remove("foo", "bar");