我們在使用原生js開發(fā)的時(shí)候會(huì)遇到添加類名和刪除類名的情況竟痰,如果只有一兩個(gè)還可以方便的處理脊僚,如果多個(gè)就有點(diǎn)力不從心了只冻,下邊是對(duì)兩個(gè)方法進(jìn)行的簡單封裝凑保,可以像jq那些實(shí)現(xiàn)多個(gè)類名的增刪,方法如下:
測試代碼:
var box =document.getElementById("box");
先執(zhí)行添加方法:
addClass(box,"on warp box1 box2? ? active? box3 box3 box4");
在開發(fā)者工具中看html結(jié)構(gòu)如下妻导,可以看到類名已正常添加:
再執(zhí)行刪除代碼:
removeClass(box,"box3 box4");
在開發(fā)者工具中看html結(jié)構(gòu)如下逛绵,可以看到類名已正常刪除: