js操作css类

经常会使用js动态设置css类,两种方法。

1、className

className是包含所有类的字符串,所以添加删除类就像操作字符串一样就好。

 

添加类的话比较简单,直接

obj.className += ‘ active‘;

记得加空格。

 

移除类,需要使用字符串replace函数。

obj.className.replace(‘ active‘, ‘‘);

如果直接这样写,你会发现没用!!!!

后来才发现,replace不改变原值,而返回值是替换后的值,所以需要这样:

obj.className = obj.className.replace(‘ active‘, ‘‘);

 

清空类就简单了,设置className = ‘‘

 

2、classList

HTML5带来了更简单的操作方法,classList。

增加一个类

obj.classList.add(‘active‘);

移除一个类

obj.classList.remove(‘active‘);

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。