操作元素样式类函数

判断是否存在某一个样式类名:hasClass

验证当前元素是否包含className这个样式类名

function hasClaa(curEle,className){
   //用正则匹配,左边可能是开头或一加多个空格,右边可能是结尾或一加多个空格 
     var reg=new RegExp("(^| +)"+className+"( +|$)");
     return reg.tset(curEle.className);
}

给元素增加样式类名:addClass

function addClass(curEle,className){
//为了防止className传递进来的值包含多个样式类名,把传递进来的字符串按照一到多个空格拆分成数组中的每一项
    var ary=className.replace(/^ +| +$/g,"").split(/ +/g);  //repalce先去掉首尾多个空格后在分割

   //循环数组,一项项的进行验证增加即可
    for(var i=0,len=ary.length;i

移除样式类名:removeClass

function removeClass(){
//为了防止className传递进来的值包含多个样式类名,把传递进来的字符串按照一到多个空格拆分成数组中的每一项
    var ary=className.split(/ +/g);
 
//循环数组,一项项的进行验证移除即可
    for(var i=0,len=ary.length;i

你可能感兴趣的:(操作元素样式类函数)