快捷導(dǎo)航

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

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

下面小編就為大家?guī)硪黄鷍s實現(xiàn)class的添加和刪除簡單代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

實例代碼：

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實現(xiàn)class的添加和刪除簡單代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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