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

4 responses on “html5与css交互 API 《一》classList

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>