原生javascript實現(xiàn)addClass,removeClass,hasClass函數(shù)
更新時間：2016年02月25日 08:51:44 投稿：hebedich
這篇文章主要介紹了原生javascript實現(xiàn)addClass,removeClass,hasClass函數(shù)的相關(guān)代碼，有需要的小伙伴可以參考下
原生的addClass, removeClass, hasClass函數(shù)，未使用jquery
class.js
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)文章
Javascript前端UI框架Kit使用指南之kitjs的對話框組件
本文以kitjs對話框組件為例，給我們詳細介紹了kitjs的組件目錄、默認代碼模板、構(gòu)造器及初始方法、以及Kitjs繼承。講解的非常細致，對我們熟練掌握kitjs組件很有幫助。2014-11-11
今天小編就為大家分享一篇layer彈出層擴展主題的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
懸浮窗就是圖中微信圖標(biāo)的按鈕，采用fixed定位，可拖動和點擊。本文給大家分享一個比較常見的常見，通過實例代碼給大家介紹微信小程序中懸浮窗功能的實現(xiàn)，一起看看吧2019-08-08
這篇文章主要給大家介紹了關(guān)于如何通過JavaScript讀取元素的樣式,文中通過實例代碼以及圖文介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-01-01
JS鼠標(biāo)事件大全 推薦收藏，整理的比較細，推薦大家看下。2011-11-11
zTree插件之單選下拉菜單實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
Express實現(xiàn)前端后端通信上傳圖片之存儲數(shù)據(jù)庫（mysql）傻瓜式教程（一）
這篇文章主要介紹了Express實現(xiàn)前端后端通信上傳圖片存儲數(shù)據(jù)庫（mysql）傻瓜式教程（一）,需要的朋友可以參考下2015-12-12
Bootstrap基本插件學(xué)習(xí)筆記之折疊(22)
這篇文章主要為大家詳細介紹了Bootstrap基本插件學(xué)習(xí)筆記之折疊的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript在for循環(huán)中綁定事件解決事件參數(shù)不同的情況
響應(yīng)一堆相似的事件，但是每個事件的參數(shù)都不同，在這種情況下就可以使用JavaScript 在for循環(huán)中綁定事件，下面有個不錯的示例，大家可以參考下2014-01-01
uni.getLocation和wx.getLocation方法調(diào)用無效也不返回失敗的解決方案
這篇文章主要給大家介紹了關(guān)于uni.getLocation和wx.getLocation方法調(diào)用無效也不返回失敗的解決方案,文中通過實例代碼以及圖文介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-04-04