日期:2014-05-16  浏览次数:20464 次

用 Javascript 实现检测、添加、移除样式(className)

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

Javascript:??

    ?

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

  2. ?

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

  4. ?

  5. function hasClass(element, className) {

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

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

  8. }

  9. ?

  10. function addClass(element, className) {

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

  12. {

  13. element.className += " "+className;

  14. }

  15. }

  16. ?

  17. function removeClass(element, className) {

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

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

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

  21. }

  22. }

  23. ?

  24. </script>