JS封装addClassremoveClass

Posted 东张西旺

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS封装addClassremoveClass相关的知识,希望对你有一定的参考价值。

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封装addClassremoveClass的主要内容,如果未能解决你的问题,请参考以下文章

js组件封装,调用的方法怎么写

js组件封装,调用的方法怎么写

原生js怎么封装插件

怎样用原生JS封装自己需要的插件

js框架封装,模拟jQuery封装

Node.js模块封装及使用