码迷,mamicode.com
首页 > Web开发 > 详细

使用HTML5里的classList操作CSS类

时间:2016-06-06 13:52:26      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

在HTML5 API里,页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类。

Element.classList

这个classList对象里有很多有用的方法:

{
    length: {number}, /* # of class on this element */
    add: function() { [native code] },
    contains: function() { [native code] },
    item: function() { [native code] }, /* by index */
    remove: function() { [native code] },
    toggle: function() { [native code] }
}

正如你上面看到的,Element.classList类很小,但里面的每个方法都很有用。

新增一个css类:使用add方法。

myDiv.classList.add(myCssClass);

删除一个css类:使用remove方法。

myDiv.classList.remove(myCssClass);

 

使用HTML5里的classList操作CSS类

标签:

原文地址:http://www.cnblogs.com/yingzi1028/p/5563347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!