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)文章

JavaScript獲取圖片真實(shí)大小代碼實(shí)例
這篇文章主要介紹了JavaScript獲取圖片真實(shí)大小代碼實(shí)例,本文使用onload事件來(lái)獲取圖片的真實(shí)大小,需要的朋友可以參考下
2014-09-09
layui radio點(diǎn)擊事件實(shí)現(xiàn)input顯示和隱藏的例子
今天小編就為大家分享一篇layui radio點(diǎn)擊事件實(shí)現(xiàn)input顯示和隱藏的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
js讓彈出新窗口居中顯示的腳本
我們經(jīng)常需要在新窗口彈出頁(yè)面并需要居中顯示
2008-01-01
網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)在線qq客服代碼示例
這篇文章主要介紹了網(wǎng)頁(yè)右側(cè)懸浮滾動(dòng)qq在線客服代碼示例,需要的朋友可以參考下
2014-04-04
服務(wù)端預(yù)渲染之Nuxt(使用篇)
這篇文章主要介紹了服務(wù)端預(yù)渲染之Nuxt(使用篇)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套功能
微信小程序非?；鸨?，今天腳本之家小編給大家?guī)?lái)的微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套功能以及項(xiàng)目中遇到的問(wèn)題及解決方法，感興趣的朋友一起看看吧
2018-06-06
js打開(kāi)新窗口方法整理
js打開(kāi)新窗口的方法有很多，本文大致整理了一些,需要的朋友可以參考下
2014-02-02
BootStrop前端框架入門(mén)教程詳解
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡(jiǎn)潔靈活，使得 Web 開(kāi)發(fā)更加快捷。這篇文章主要介紹了BootStrop前端框架入門(mén)教程詳,需要的朋友可以參考下
2016-12-12
bootstrap3-dialog-master模態(tài)框使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap3-dialog-master模態(tài)框的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
推薦三款不錯(cuò)的圖片壓縮上傳插件(webuploader、localResizeIMG4、LUploader)
這篇文章主要為大家詳細(xì)介紹了三款不錯(cuò)的圖片壓縮上傳插件，webuploader、移動(dòng)端上傳插件localResizeIMG4以及LUploader)
2017-04-04