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