原生js實(shí)現(xiàn)查找/添加/刪除/指定元素的class

更新時(shí)間：2013年04月12日 15:56:04 作者：

查找、添加、刪除、指定元素的class使用原生js實(shí)現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望可以幫助到你

 
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 | $ ）判斷后面是否有空格 兩個(gè)感嘆號(hào)為轉(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方法是替換 
}; 
}; 
}; 

您可能感興趣的文章:

相關(guān)文章

JS清除IE瀏覽器緩存的方法
本文為大家詳細(xì)介紹下js中自動(dòng)清除ie緩存的幾種方法，大家可以根據(jù)自己的需求自由選擇適合自己的，希望對(duì)大家學(xué)習(xí)js有所幫助
2013-07-07
微信小程序商城項(xiàng)目之商品屬性分類(4)
這篇文章主要為大家詳細(xì)介紹了微信小程序商城項(xiàng)目之商品屬性值聯(lián)動(dòng)選擇,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
Firefox 無法獲取cssRules 的解決辦法
Firefox 無法獲取cssRules 的解決辦法...
2006-10-10
js Dialog 實(shí)踐分享
在我們的WebApp項(xiàng)目中，Dialog是個(gè)不可或缺的元素，很多頁面操作都通過Dialog來進(jìn)行，今天我們就Dialog顯示數(shù)據(jù)、提交數(shù)據(jù)做進(jìn)一步分析
2012-10-10
p5.js碼繪“跳動(dòng)的小正方形”的實(shí)現(xiàn)代碼
這篇文章主要介紹了p5.js碼繪“跳動(dòng)的小正方形”，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-10-10
uniapp中vuex的應(yīng)用使用步驟
Vuex是一個(gè)專為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式,它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化,下面這篇文章主要給大家介紹了關(guān)于uniapp中vuex的應(yīng)用使用,需要的朋友可以參考下
2022-08-08
Javascript注入技巧
Javascript注入技巧...
2007-06-06
如何在uni-app使用微軟的文字轉(zhuǎn)語音服務(wù)
有了語音識(shí)別,交流就會(huì)變得很簡(jiǎn)單,下面這篇文章主要給大家介紹了關(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)航條的下方做一張輪播圖，自動(dòng)播放最新的重要?jiǎng)討B(tài)，感興趣的小伙伴們可以參考一下
2016-04-04
js檢查是否關(guān)閉瀏覽器的方法
這篇文章主要介紹了js檢查是否關(guān)閉瀏覽器的方法,涉及javascript針對(duì)窗口事件的判定與操作相關(guān)技巧,需要的朋友可以參考下
2016-08-08