1.判断class属性

判断一个元素中是否含有指定的class属性值

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 
function hasClass(obj,cn){
  //创建正则表达式
   var reg=new RegExp("\\b"+cn+"\\b");
   return reg.test(obj.className);
}

2.添加class属性

定义一个函数，用来向一个元素中添加指定的class属性值

参数：

obj 要添加class属性的元素

cn 要添加的class值

function addClass(obj,cn){
  //检查obj中是否含有cn
  if(!hasClass(obj,cn)){
    obj.className+=" "+cn
  }  
}

3.删除class属性

function removeClass(obj,cn){
  var reg=new RegExp("\\b"+cn+"\\b");
  obj.className=obj.className.replace(reg,"");
}

4.切换class属性

元素中具有该类则删除，没有则添加

function toggleClass(obj,cn){
  if(hasClass(obj,cn)){
    removeClass(obj,cn)
  }else{
    addClass(obj,cn)
  }
}

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄