原生js實(shí)現(xiàn)class的添加和刪除簡(jiǎn)單代碼

更新時(shí)間：2016年07月12日 10:38:42 投稿：jingxian

下面小編就為大家?guī)?lái)一篇原生js實(shí)現(xiàn)class的添加和刪除簡(jiǎn)單代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

實(shí)例代碼：

function hasClass( elements,cName ){ 
  return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); 
}; 
function addClass( elements,cName ){ 
  if( !hasClass( elements,cName ) ){ 
    elements.className += " " + cName; 
  }; 
}; 
function removeClass( elements,cName ){ 
  if( hasClass( elements,cName ) ){ 
    elements.className = elements.className.replace( new RegExp( "(\\s|^)" + cName + "(\\s|$)" ), " " );
  }; 
};

以上這篇原生js實(shí)現(xiàn)class的添加和刪除簡(jiǎn)單代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js編寫當(dāng)天簡(jiǎn)單日歷效果【實(shí)現(xiàn)代碼】
下面小編就為大家?guī)?lái)一篇js編寫當(dāng)天簡(jiǎn)單日歷效果【實(shí)現(xiàn)代碼】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05
微信小程序數(shù)據(jù)存儲(chǔ)與取值詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序數(shù)據(jù)存儲(chǔ)與取值的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-01-01
自定義的一個(gè)簡(jiǎn)單時(shí)尚js下拉選擇框
下拉選擇框，是我們?cè)诰W(wǎng)頁(yè)中經(jīng)常使用到的，在本文為大家詳細(xì)介紹下使用js使用的下拉選擇框
2013-11-11
線路分流自動(dòng)智能跳轉(zhuǎn)代碼,自動(dòng)選擇最快鏡像網(wǎng)站(js)
線路分流自動(dòng)智能跳轉(zhuǎn)代碼,自動(dòng)選擇最快鏡像網(wǎng)站,自動(dòng)選擇電信或網(wǎng)通線路跳轉(zhuǎn)代碼
2011-10-10
JavaScript使用prototype屬性實(shí)現(xiàn)繼承操作示例
這篇文章主要介紹了JavaScript使用prototype屬性實(shí)現(xiàn)繼承操作,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript使用prototype屬性實(shí)現(xiàn)繼承的相關(guān)原理、實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
JavaScript實(shí)現(xiàn)一個(gè)空中避難的小游戲
最近利用Javascript實(shí)現(xiàn)了一個(gè)小游戲，覺(jué)著還不錯(cuò)，所以分享給大家，下面這篇文章主要給大家介紹了利用JavaScript實(shí)現(xiàn)一個(gè)空中避難的小游戲的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來(lái)一起看看吧。
2017-06-06
JavaScript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之表達(dá)式求值問(wèn)題詳解
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之表達(dá)式求值問(wèn)題,詳細(xì)分析了中綴表達(dá)式、后綴表達(dá)式等概念、原理與轉(zhuǎn)換方法,以及基于后綴表達(dá)式實(shí)現(xiàn)的表達(dá)式求值相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
Javascript 鼠標(biāo)移動(dòng)上去小三角形滑塊緩慢跟隨效果
一個(gè)tab選項(xiàng)卡，當(dāng)鼠標(biāo)移動(dòng)上去時(shí)紅色滑塊跟隨,在布局過(guò)程中經(jīng)常會(huì)使用到，本文提供了詳細(xì)的實(shí)現(xiàn)代碼，感興趣的朋友可以參考下
2013-04-04
JS中的幾種循環(huán)和跳出方式
這篇文章介紹了JS中的幾種循環(huán)和跳出方式，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07
本地存儲(chǔ)localStorage用法詳解
這篇文章主要為大家詳細(xì)介紹了本地存儲(chǔ)localStorage的用法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07