addClass/removeClass

最新推荐文章于 2022-11-29 22:45:50 发布

原创最新推荐文章于 2022-11-29 22:45:50 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript操作DOM元素的方法，包括设置、获取和修改类名等实用功能。通过简单的函数实现addClass、removeClass、hasClass及setClass等功能，帮助开发者更高效地进行网页布局和样式控制。

      function _setClass(el, classname){
          el.className = classname;
      }
      
      function _hasClass(ele, cls){
          return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
      }
      
      function _addClass(ele, cls){
          if (!_hasClass(ele, cls)) 
              ele.className += " " + cls;
      }
      
      function _removeClass(ele, cls){
          if (_hasClass(ele, cls)) {
              var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
              ele.className = ele.className.replace(reg, ' ');
          }
      }