html5與css交互 API 《一》classList

用過jquery的朋友都知道，jquery提供的方法中（3個）能夠很方便的爲指定的節點添加、刪除類選擇器，即addClass、removeClass、toggleClass。具體的用法我這裏就不談了，不瞭解的請移步[jquery官方網站][1]


下面咱們一塊兒看看html5中classList對象的基本屬性

document.createElement("p").classList
{
length : 0,
add : function add() { [native code] } ,
contains : function contains() { [native code] } ,
item : function item() { [native code] } ,
remove : function remove() { [native code] } ,
toString : function toString() { [native code] } ,
toggle : function toggle() { [native code] }
}

從上面的對象中，有三個基本方法是和jquery中相應的方法是一一對應的，即add、remove、toggle,這三個方法和jquery中用法一直就不說了。
另外：
contains方法是用來判斷指定的類選擇器是否存在，存在則返回true，不然返回false
item方法是用來取出指定索引位置處的類選擇器。

瀏覽器兼容性
目前高版本的瀏覽器中已獲得完美的支持Chrome、IE10+、Firefox