html5与css交互 API 《一》classList

2024年1月13日 64次阅读 来源: 王焕亮 
用过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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞