html5与css交互 API 《一》classList

2024年2月20日 181次阅读 来源: 王焕亮 
用过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
    原文作者：王焕亮
    原文地址: https://segmentfault.com/a/1190000000419838
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞