用 Javascript 实现检测、添加、移除样式（className）

前台脚本中，我们经常要操作页面元素的样式，比如标签页切换时，将当前标签加上一个样式，当切换到其他标签时，再将样式还原，本文介绍的是直接添加和移除 className 的方法。

Javascript:  

 

1. <script type="text/javascript">

2.  

3. // 说明：添加、移除、检测 className

 

4. function hasClass(element, className) {

5. var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');

6. return element.className.match(reg);

7. }

8.  

9. function addClass(element, className) {

10. if (!this.hasClass(element, className))

11. {

12. element.className += " "+className;

13. }

14. }

15.  

16. function removeClass(element, className) {

17. if (hasClass(element, className)) {

18. var reg = new RegExp('(\\s|^)'+className+'(\\s|$)');

19. element.className = element.className.replace(reg,' ');

20. }

21. }

 

22. </script>