正則表達(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è)參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 使用正則表達(dá)式匹配[***]樣式的字符串
- java正則表達(dá)式獲取指定HTML標(biāo)簽的指定屬性值且替換的方法
- 正則表達(dá)式,替換所有HTML標(biāo)簽的簡(jiǎn)單實(shí)例
- jQuery使用正則表達(dá)式替換dom元素標(biāo)簽用法示例
- PHP實(shí)現(xiàn)通過(guò)正則表達(dá)式替換回調(diào)的內(nèi)容標(biāo)簽
- 用正則表達(dá)式替換圖片地址img標(biāo)簽
- asp 使用正則表達(dá)式替換word中的標(biāo)簽,轉(zhuǎn)為純文本
- 基于正則表達(dá)式實(shí)現(xiàn)UL下LI的樣式替換功能
相關(guān)文章
KnockoutJS 3.X API 第四章之click綁定
click綁定主要作用是用于DOM元素被點(diǎn)擊時(shí)調(diào)用相關(guān)JS函數(shù)。這篇文章主要介紹了KnockoutJS 3.X API 第四章之click綁定,感興趣的朋友一起看看吧2016-10-10js學(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利用es6 new.target來(lái)對(duì)模擬抽象類的方法
這篇文章主要介紹了利用es6 new.target來(lái)對(duì)模擬抽象類的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05javaScript實(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