正則表達式替換html元素屬性的方法
更新時間：2016年11月26日 11:07:59 投稿：jingxian
下面小編就為大家?guī)硪黄齽t表達式替換html元素屬性的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
正則表達式替換任意html元素任意屬性，或增加任意屬性。
/**
* 替換html中任意tag內(nèi)任意attr值
* @param src_str
* @param tag
* @param attr
* @param val
* @returns {*}
*/
replace_html_tag_attr: function(src_str, tag, attr, val) {
if(typeof src_str === 'undefined' || typeof tag === 'undefined' || typeof attr === 'undefined' || typeof val === 'undefined') {
return '';
}
var reg = new RegExp('<' + tag + '[^>]*(' + attr + '=[\'\"](\\w*%?)[\'\"])?[^>]*>', 'gi');
return src_str.replace(reg, function (match) {
if(match.indexOf(attr) > 0) {
//包含attr屬性,替換attr
var sub_reg = new RegExp(attr + '=[\'\"](\\w*%?)[\'\"]', 'gi');
return match.replace(sub_reg, attr +'=' + val);
}else{
//不包含attr屬性,添加attr
return match.substr(0, tag.length + 1) + ' ' + attr + '=' + val + ' ' + match.substr(tag.length + 2, match.length);
}
});
}
以上這篇正則表達式替換html元素屬性的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(外部鏈接)的實現(xiàn)方法
這篇文章主要介紹了微信小程序跳轉(zhuǎn)到其他網(wǎng)頁(外部鏈接)的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
JS基于設計模式中的單例模式（Singleton）實現(xiàn)封裝對數(shù)據(jù)增刪改查功能
這篇文章主要介紹了JS基于設計模式中的單例模式（Singleton）實現(xiàn)封裝對數(shù)據(jù)增刪改查功能.結(jié)合實例形式分析了javascript基于單例模式結(jié)合ajax針對數(shù)據(jù)庫進行增刪改查的相關操作技巧,需要的朋友可以參考下2018-02-02
這篇文章主要介紹了js計算兩個時間差 天 時 分 秒 毫秒的實例代碼，本文給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了js判斷字符長度及中英文數(shù)字等,需要的朋友可以參考下2014-03-03
在JavaScript中,回調(diào)函數(shù)是一種常見的編程模式,用于處理異步操作和事件處理,這篇文章主要為大家介紹了回調(diào)函數(shù)的使用場景和注意事項,需要的可以參考下2023-08-08
使用js實現(xiàn)按鈕控制文本框加1減1應用于小時+分鐘
正如標題所言使用js實現(xiàn)按鈕控制文本框加1減1，此類主要應用于小時+分鐘，下面有個不錯的示例，喜歡的朋友可以參考下2013-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)觸底加載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
由于asp的cookie是經(jīng)過url編碼的，所以讀之前要unescape一下。2008-09-09
一文吃透JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理(增刪改查)
在開發(fā)后臺管理系統(tǒng)時，常常會涉及到各種樹狀結(jié)構(gòu)的數(shù)據(jù)處理邏輯，例如：增，刪，改，查等。而樹狀結(jié)構(gòu)的處理就沒有數(shù)組那么的直觀。本文為大家總結(jié)了JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理的方法，需要的可以參考下2022-07-07
下面小編就為大家?guī)硪黄褂肑S實現(xiàn)圖片展示瀑布流效果(簡單實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09