原生js實現(xiàn)查找/添加/刪除/指定元素的class
更新時間：2013年04月12日 15:56:04 作者：
查找、添加、刪除、指定元素的class使用原生js實現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望可以幫助到你
復(fù)制代碼 代碼如下:
window.onload = function(){
var gaga = document.getElementById( "gaga" );
addClass( gaga,"gaga1" )
addClass( gaga,"gaxx" );
removeClass( gaga,"gaga1" )
removeClass( gaga,"gaga" )
function hasClass( elements,cName ){
return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); // ( \\s|^ ) 判斷前面是否有空格 （\\s | $ ）判斷后面是否有空格 兩個感嘆號為轉(zhuǎn)換為布爾值 以方便做判斷
};
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|$)" )," " ); // replace方法是替換
};
};
};
您可能感興趣的文章:
- 詳解用JS添加和刪除class類名
- 基于JavaScript實現(xiàn)類名的添加與移除
- 向JavaScript的數(shù)組中添加元素的方法小結(jié)
- javaScript給元素添加多個class的簡單實現(xiàn)
- JavaScript DOM元素常見操作詳解【添加、刪除、修改等】
- js實現(xiàn)class樣式的修改、添加及刪除的方法
- JS添加或修改控件的樣式(Class)實現(xiàn)方法
- Javascript 檢測、添加、移除樣式(className)函數(shù)代碼
- 原生js實現(xiàn)class的添加和刪除簡單代碼
- 原生js封裝添加class,刪除class的實例
- 原生js添加一個或多個類名的方法分析
相關(guān)文章
本文為大家詳細介紹下js中自動清除ie緩存的幾種方法，大家可以根據(jù)自己的需求自由選擇適合自己的，希望對大家學(xué)習(xí)js有所幫助2013-07-07
這篇文章主要為大家詳細介紹了微信小程序商城項目之商品屬性值聯(lián)動選擇,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
Firefox 無法獲取cssRules 的解決辦法...2006-10-10
在我們的WebApp項目中，Dialog是個不可或缺的元素，很多頁面操作都通過Dialog來進行，今天我們就Dialog顯示數(shù)據(jù)、提交數(shù)據(jù)做進一步分析2012-10-10
這篇文章主要介紹了p5.js碼繪“跳動的小正方形”，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
Vuex是一個專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化,下面這篇文章主要給大家介紹了關(guān)于uniapp中vuex的應(yīng)用使用,需要的朋友可以參考下2022-08-08
Javascript注入技巧...2007-06-06
如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)
有了語音識別,交流就會變得很簡單,下面這篇文章主要給大家介紹了關(guān)于如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)的相關(guān)資料,需要的朋友可以參考下2022-06-06
Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖
Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖,本文的主要內(nèi)容是在導(dǎo)航條的下方做一張輪播圖，自動播放最新的重要動態(tài)，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了js檢查是否關(guān)閉瀏覽器的方法,涉及javascript針對窗口事件的判定與操作相關(guān)技巧,需要的朋友可以參考下2016-08-08