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

JS封装addClass、removeClass

时间:2017-04-08 01:04:27      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:rem   bsp   split   concat   move   classname   ++   切割   function   

addClass封装:1.先把原有的类名和需要添加的类名用“”切割、拼接。

        2.查重,把所有类名遍历,重复的去掉。

        3.“”拼接。

function addClass(ele , cName) {
  var arr = ele.className.split(" ").concat(cName.split(" "));
      for (var i = 0; i < arr.length; i++)for (var j = arr.length-1; j > i; j--)if ( arr[i] == arr[j] )arr.splice(j,1);
      ele.className = arr.join(" ");

}

removeClass封装:

function removeClass(ele,cName) {
     var arr = ele.className.split(" "),
     arr1 = cName.split(" ");
     for (var i = 0; i < arr1.length; i++) {
          for (var j = 0; j < arr.length; j++) {
            if ( arr1[i] == arr[j] ){
                  arr.splice(j,1);
               }
          }
    }
    ele.className = arr.join(" ");
}

 

JS封装addClass、removeClass

标签:rem   bsp   split   concat   move   classname   ++   切割   function   

原文地址:http://www.cnblogs.com/zhang-wang/p/6680385.html

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