原生js封裝添加class,刪除class的實(shí)例
一、添加class
function addClass(ele,cName) { var arr = ele.className.split(' ').concat(cName.split(" ")); for(var i=0;i<arr.length;i++){ for(var k=arr.length-1;k>i;k--){ (arr[k]==="")&&arr.splice(k,1); (arr[i]===arr[k])&&arr.splice(k,1); } } ele.className = arr.join(" "); }
二、刪除class
function removeClass(ele,cName) { var arr1 = ele.className.split(' '); var arr2 = cName.split(" "); for(var i=0;i<arr2.length;i++)for(var j=arr1.length-1;j>=0;j--)(arr2[i]===arr1[j])&&arr1.splice(j,1) ele.className = arr1.join(" ") }
其中還有一點(diǎn)空格的問(wèn)題沒(méi)有解決,如果你能學(xué)到一點(diǎn)東西,我會(huì)非常開(kāi)心。
以上這篇原生js封裝添加class,刪除class的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 詳解用JS添加和刪除class類(lèi)名
- 基于JavaScript實(shí)現(xiàn)類(lèi)名的添加與移除
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- 原生js實(shí)現(xiàn)查找/添加/刪除/指定元素的class
- javaScript給元素添加多個(gè)class的簡(jiǎn)單實(shí)現(xiàn)
- JavaScript DOM元素常見(jiàn)操作詳解【添加、刪除、修改等】
- js實(shí)現(xiàn)class樣式的修改、添加及刪除的方法
- JS添加或修改控件的樣式(Class)實(shí)現(xiàn)方法
- Javascript 檢測(cè)、添加、移除樣式(className)函數(shù)代碼
- 原生js實(shí)現(xiàn)class的添加和刪除簡(jiǎn)單代碼
- 原生js添加一個(gè)或多個(gè)類(lèi)名的方法分析
相關(guān)文章
使用JavaScript解決網(wǎng)頁(yè)圖片拉伸問(wèn)題(推薦)
本文給大家介紹使用javascript解決網(wǎng)頁(yè)圖片拉伸問(wèn)題,本文給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-11-11javascript while語(yǔ)句和do while語(yǔ)句的區(qū)別分析
這篇文章通過(guò)實(shí)例代碼較詳細(xì)的給大家介紹了javascript while語(yǔ)句和do while語(yǔ)句的區(qū)別,感興趣的朋友一起看看吧2007-12-12JavaScript 抽獎(jiǎng)效果實(shí)現(xiàn)代碼 數(shù)字跳動(dòng)版
直接上代碼吧,效果可以復(fù)制了去看2009-11-11js打開(kāi)windows上的可執(zhí)行文件示例
這篇文章主要介紹了js如何打開(kāi)windows上的可執(zhí)行文件,需要的朋友可以參考下2014-05-05javascript模擬地球旋轉(zhuǎn)效果代碼實(shí)例
javascript模擬地球旋轉(zhuǎn)效果,把一下代碼保存到HTML文件,打開(kāi)就可以看到一個(gè)旋轉(zhuǎn)的地球。請(qǐng)使用Chrome、Opera或者火狐瀏覽器查看,IE8不支持2013-12-12CocosCreator實(shí)現(xiàn)技能冷卻效果
這篇文章主要介紹了CocosCreator實(shí)現(xiàn)技能冷卻效果,同學(xué)們可以跟著教程,親手試一下,代碼都是可以復(fù)用的2021-04-04