欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

正則表達(dá)式替換html元素屬性的方法

 更新時(shí)間:2016年11月26日 11:07:59   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇正則表達(dá)式替換html元素屬性的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

正則表達(dá)式替換任意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);
    }
  });
}

以上這篇正則表達(dá)式替換html元素屬性的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • KnockoutJS 3.X API 第四章之click綁定

    KnockoutJS 3.X API 第四章之click綁定

    click綁定主要作用是用于DOM元素被點(diǎn)擊時(shí)調(diào)用相關(guān)JS函數(shù)。這篇文章主要介紹了KnockoutJS 3.X API 第四章之click綁定,感興趣的朋友一起看看吧
    2016-10-10
  • javascript 層隱藏和顯示的代碼

    javascript 層隱藏和顯示的代碼

    javascript 層隱藏和顯示的代碼
    2009-07-07
  • js學(xué)習(xí)總結(jié)_選項(xiàng)卡封裝(實(shí)例講解)

    js學(xué)習(xí)總結(jié)_選項(xiàng)卡封裝(實(shí)例講解)

    下面小編就為大家?guī)?lái)一篇js學(xué)習(xí)總結(jié)_選項(xiàng)卡封裝(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • 微信小程序點(diǎn)擊保存圖片到本機(jī)功能

    微信小程序點(diǎn)擊保存圖片到本機(jī)功能

    這篇文章主要介紹了微信小程序點(diǎn)擊保存圖片到本機(jī)功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-12-12
  • 根據(jù)配置文件加載js依賴模塊

    根據(jù)配置文件加載js依賴模塊

    這篇文章主要介紹了根據(jù)配置文件加載js依賴模塊,解決方法是筆者自己的思路,拋磚引玉,需要的朋友可以參考下
    2014-12-12
  • 利用es6 new.target來(lái)對(duì)模擬抽象類的方法

    利用es6 new.target來(lái)對(duì)模擬抽象類的方法

    這篇文章主要介紹了利用es6 new.target來(lái)對(duì)模擬抽象類的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-05-05
  • uniapp獲取底部安全距離以及狀態(tài)欄高度等

    uniapp獲取底部安全距離以及狀態(tài)欄高度等

    最近在用uniapp開發(fā)的時(shí)候遇到了一些問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于uniapp獲取底部安全距離以及狀態(tài)欄高度等的相關(guān)資料,需要的朋友可以參考下
    2022-10-10
  • javaScript實(shí)現(xiàn)可縮放的顯示區(qū)效果代碼

    javaScript實(shí)現(xiàn)可縮放的顯示區(qū)效果代碼

    這篇文章主要介紹了javaScript實(shí)現(xiàn)可縮放的顯示區(qū)效果代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • JavaScript中var的重要性實(shí)例分析

    JavaScript中var的重要性實(shí)例分析

    這篇文章主要介紹了JavaScript中var的重要性,結(jié)合實(shí)例形式分析了javascript變量定義、作用范圍、作用域及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
    2019-07-07
  • js異步加載的三種解決方案

    js異步加載的三種解決方案

    默認(rèn)情況javascript是同步加載的,javascript的加載時(shí)阻塞的,后面的元素要等待javascript加載完畢后才能進(jìn)行再加載,如何解決這個(gè)問(wèn)題呢,接下來(lái)將為你詳細(xì)介紹下異步加載js三種實(shí)現(xiàn)方案,感興趣的你可以參考下哈
    2013-03-03

最新評(píng)論