正則表達式替換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ù)增刪改查功能.結合實例形式分析了javascript基于單例模式結合ajax針對數(shù)據(jù)庫進行增刪改查的相關操作技巧,需要的朋友可以參考下
2018-02-02
js計算兩個時間差天時分秒毫秒的代碼
這篇文章主要介紹了js計算兩個時間差天時分秒毫秒的實例代碼，本文給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-05-05
js判斷字符長度及中英文數(shù)字等
這篇文章主要介紹了js判斷字符長度及中英文數(shù)字等,需要的朋友可以參考下
2014-03-03
淺析JS中回調(diào)函數(shù)的使用
在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)觸底加載
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)觸底加載，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
Javascript 讀后臺cookie代碼
由于asp的cookie是經(jīng)過url編碼的，所以讀之前要unescape一下。
2008-09-09
一文吃透JS樹狀結構的數(shù)據(jù)處理(增刪改查)
在開發(fā)后臺管理系統(tǒng)時，常常會涉及到各種樹狀結構的數(shù)據(jù)處理邏輯，例如：增，刪，改，查等。而樹狀結構的處理就沒有數(shù)組那么的直觀。本文為大家總結了JS樹狀結構的數(shù)據(jù)處理的方法，需要的可以參考下
2022-07-07
使用JS實現(xiàn)圖片展示瀑布流效果(簡單實例)
下面小編就為大家?guī)硪黄褂肑S實現(xiàn)圖片展示瀑布流效果(簡單實例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09