我們需要來寫 addClass 方法 , 在添加class的時候罗洗,需要判斷是否已經(jīng)存在 愉舔,如果沒有存在即添加。
所以我們準備兩個方法伙菜, 一個是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)){
/*先轉(zhuǎn)化為數(shù)組*/
var newClassArray = ele.className.split(" ");
/*往數(shù)組中添加新的class*/
newClassArray.push(className);
/*將數(shù)組轉(zhuǎn)化為string 火的, 再進行賦值操作*/
ele.className = newClassArray.join(" ");
}
}