正则替换html 元素,正则表达式替换html元素属性的方法

正则表达式替换html元素属性的方法

发布于 2017-06-06 13:04:32 | 87 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

下面小编就为大家带来一篇正则表达式替换html元素属性的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

正则表达式替换任意html元素任意属性，或增加任意属性。

/**

* 替换html中任意tag内任意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(']*(' + 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元素属性的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phperz。

相关阅读:

正则表达式替换html元素属性的方法

JavaScript使用正则表达式获取全部分组内容的方法示例

正则表达式,替换所有HTML标签的简单实例

JavaScript正则表达式替换字符串中图片地址(img src)的方法

JavaScript利用正则表达式替换字符串中的内容

通过正则表达式获取url中参数的简单实现

javascript使用正则表达式实现去掉空格之后的字符

用正则表达式替换图片地址img标签

javascript正则表达式中参数g(全局)的作用

js输入框使用正则表达式校验输入内容的实例

js输入框使用正则表达式校验输入内容的实例

使用JS正则表达式 替换括号,尖括号等