javascript classlist,html5list-style

　　经过多年的JavaScript和JavaScript工具库的争斗，我经常在想，现代浏览器什么时候能提供一些辅助方法和类库来代替那些JavaScript工具库，比如jQuery。让我们用浏览器原生方法替换它们。我知道浏览器肯定会往这个方向进步，但是这个进化过程不会很迅速，需要各种浏览器一起做这样的创新。火狐，谷歌，尤其是IE，只有这些主流浏览器都具备这样的功能，我们的愿望才能真正实现。好消息是HTML5 API中增加了一个函数：classList。

　　在HTML5 API中，页面的DOM中的每个节点都有一个classList对象，程序员可以通过使用里面的方法在节点上添加、删除和修改CSS类。程序员也可以使用ClassList来确定某个节点是否被赋予了CSS类。

　　Element.classList

　　这个classList对象中有许多有用的方法：

　　XML/HTML代码将内容复制到剪贴板{length: {number}，/* # of classonselement */add:function(){[native Code]}，contains:function(){[native Code]}，Item: function () {[nativecode]}，/* by index */remove:function(){[native Code]}，toggle:function(){[native Code]}上面可以看到，Element.classList类很小，但是里面的每个方法都很有用。

　　新增CSS类

　　使用add方法，可以将一个或多个css类添加到页面元素中：

　　mydiv . class list . add( mycss class )；

　　删除一个CSS类

　　使用remove方法，可以删除单个CSS类：

　　mydiv . class list . remove( mycss class )；

　　在这个方法中，您可以一次传入多个类名，用空格分隔，但是执行的结果可能不是您所期望的。

　　反转CSS类的有无

　　mydiv . class list . toggle( mycss class )；//现在是增加了

　　mydiv . class list . toggle( mycss class )；//现在删除了。

　　这个方法的作用是在myDiv元素上没有这个CSS类的时候添加这个CSS类；如果myDiv元素已经有了这个CSS类，它就删除它。就是反向操作。

　　检查是否含有某个CSS类

　　my div . class list . contains( mycss class )；//返回真或假

　　目前所有现代浏览器(火狐、谷歌等。)支持这个classList类。所以我相信新的javaScript类库会使用classList类来操作页面CSS类，而不是像以前一样分析元素节点的类属性！

　　这就是本文的全部内容。希望对大家的学习和支持有帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。