html5与css交互 API 《一》classList

wenshi11019 发布于2019-08-19 14:33 / 1558人阅读

摘要：用过的朋友都知道，提供的方法中个可以很方便的为指定的节点添加删除类选择器，即。另外方法是用来判断指定的类选择器是否存在，存在则返回，否则返回方法是用来取出指定索引位置处的类选择器。浏览器兼容性目前高版本的浏览器中已得到完美的支持

用过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

服务器托管混合云 js与css交互 html5与js交互 html5与css html5与css3

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78009.html

什么是 HTML 5？

摘要：该区域代表可以被所控制的画布。那么现在第二个问题，识别该文档，这或许不是大部分用户的需求，但小部分用户并不意味着人数少。因此一个基于的请求于标准内提出。前言作为程序员，技术的落实与巩固是必要的，因此想到写个系列，名为 why what or how 每篇文章试图解释清楚一个问题。这次的 why what or how 主题：现在几乎所有人都知道了 HTML5 ，那么 H5 到底相...

zhaofeihao 2019-08-02 15:41 评论0 收藏0
HTML5与类有关的扩充

摘要：与类相关的扩充在开发领域得到广泛采用后导致了一个很大的变化，即属性用得越来越多，一方面可以通过它为元素添加样式，另一方面还可以用它表示元素的语义。在对象上调用始终会返回与类名匹配的所有元素，在元素上调用该方法就只会返回后代元素中匹配的元素。对于传统HTML而言，HTML5是一个叛逆。所有之前的版本对JavaScript接口的描述都不过三言两语，主要篇幅都用于定义标记，与JavaScr...

TwIStOy 2019-08-22 11:10 评论0 收藏0