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

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