function hasClass(ele,cls) {
  return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
 
function addClass(ele,cls) {
  if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
 
function removeClass(ele,cls) {
  if (hasClass(ele,cls)) {
    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
    ele.className=ele.className.replace(reg,' ');
  }
}
 
//call the functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};

您可能感興趣的文章:

相關(guān)文章

typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別
這篇文章主要為大家介紹了typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
使用js畫圖之正弦曲線
這篇文章主要介紹了使用js繪制幾何圖形的方法的系列文章，本文主要講訴正弦曲線的繪制方法,需要的朋友可以參考下
2015-01-01
clipboard.js使用總結(jié)
clipboard.js是一款輕量級(jí)的實(shí)現(xiàn)復(fù)制文本到剪貼板功能的JavaScript插件，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下
2021-11-11
JavaScript中跨域問題的深入理解
這篇文章主要給大家介紹了關(guān)于JavaScript中跨域問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
js文本框走動(dòng)跑馬燈效果代碼分享
這篇文章主要介紹了js文本框跑馬燈效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
關(guān)于微信小程序登錄的那些事
這篇文章主要給大家介紹了關(guān)于微信小程序登錄的那些事，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-01-01
兼容ie、firefox的圖片自動(dòng)縮放的css跟js代碼分享
最近編輯反應(yīng)，圖片有時(shí)候太大了，如果隱藏了，可能部分內(nèi)容別人就看不到了，如果手工設(shè)置圖片大小又太麻煩了，這里就提供一個(gè)方法讓也沒的圖片等比例縮放
2013-08-08
詳解TypeScript中type與interface的區(qū)別
在寫 ts 相關(guān)代碼的過程中，總能看到 interface 和 type 的身影。它們的作用好像都一樣的，相同的功能用哪一個(gè)都可以實(shí)現(xiàn)，也都很好用，所以也很少去真正的理解它們之間到底有啥區(qū)別，因此本文將詳細(xì)講解二者的區(qū)別，需要的可以參考一下
2022-04-04
webpack踩坑系列之less-loader6.0.0的javascriptEnabled報(bào)錯(cuò)問題
這篇文章主要介紹了webpack踩坑系列之less-loader6.0.0的javascriptEnabled報(bào)錯(cuò)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-01-01
游戲開發(fā)中如何使用CocosCreator進(jìn)行音效處理
這篇文章主要介紹了游戲開發(fā)中如何使用CocosCreator進(jìn)行音效處理，并對(duì)音效組件進(jìn)行封裝，方便以后使用，同學(xué)們看完之后，一定要親手實(shí)驗(yàn)一下
2021-04-04