通过class改变样式

1.判断class属性

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

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)
  }
}

 

转载于:https://www.cnblogs.com/embrace-ly/p/10687674.html