美文网首页
javascript之addClass思路

javascript之addClass思路

作者: 爱忽悠的唐唐在晃悠 | 来源:发表于2017-08-24 09:28 被阅读8次

我们需要来写 addClass 方法 , 在添加class的时候,需要判断是否已经存在 ,如果没有存在即添加。
所以我们准备两个方法, 一个是addClass, 另一个则是 hasClass ;

首先是hasClass方法 :

function hasClass(ele , className){
 /*通過正則表達式來判斷*/
   let reg= new RegExp("(^|\\s)"+className+"(\\s|$)");
   return reg.test(ele.className);
}

当我们准备好hasClass方法后,就可以来写addClass了。如下:

 function addClass(ele,className){
 if(!hasClass(ele,className)){
    /*先转化为数组*/
     var newClassArray  =  ele.className.split(" ");
    /*往数组中添加新的class*/
     newClassArray.push(className);
    /*将数组转化为string , 再进行赋值操作*/
     ele.className = newClassArray.join(" ");
}
}

相关文章

网友评论

      本文标题:javascript之addClass思路

      本文链接:https://www.haomeiwen.com/subject/zwysdxtx.html