html5里面类(class)的扩充

新增了getElementsByClassName()方法,返回的是一个NodeList,就和过去那些js库扩充的方法一样。
也可以类似getElementsByTagName,在一个元素节点上调用,只有位于调用元素子树中的元素才返回。

比如

var returnList=target.getElementsByClassName("ssss");

性能不是很高。
新增了classList,这还是这两天做拖动的时候看到网上一个html5原生拖动的实例里使用了这个属性,以及它的add和remove方法,感觉还挺方便,这样在支持html5的浏览器里className的用处只剩全部清除或者重写的时候了。
classList还有contains和toggle方法。一个是表示列表中是否存在给定的值,如果存在则返回true,否则返回false。另一个是在列表中如果已经存在给定的值的话删除它,如果没有,则添加它。
确实很方便。

方法名 描述 在 jQuery 中
add 为元素添加指定的class addClass
remove 从元素中移除指定的 class removeClass
contains 检查元素是否含有某个特定的 class hasClass
toggle 如果存在(不存在)就删除(添加)一个 class toggleClass

发表评论

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据