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