正则表达式替换html元素属性的方法
更新时间：2016年11月26日 11:07:59 投稿：jingxian
下面小编就为大家带来一篇正则表达式替换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('<' + 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元素属性的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
KnockoutJS 3.X API 第四章之click绑定
click绑定主要作用是用于DOM元素被点击时调用相关JS函数。这篇文章主要介绍了KnockoutJS 3.X API 第四章之click绑定，感兴趣的朋友一起看看吧2016-10-10
javascript 层隐藏和显示的代码2009-07-07
下面小编就为大家带来一篇js学习总结_选项卡封装(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了微信小程序点击保存图片到本机功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了根据配置文件加载js依赖模块,解决方法是笔者自己的思路，抛砖引玉，需要的朋友可以参考下2014-12-12
这篇文章主要介绍了利用es6 new.target来对模拟抽象类的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
最近在用uniapp开发的时候遇到了一些问题,下面这篇文章主要给大家介绍了关于uniapp获取底部安全距离以及状态栏高度等的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了javaScript实现可缩放的显示区效果代码,涉及JavaScript响应鼠标事件动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了JavaScript中var的重要性,结合实例形式分析了javascript变量定义、作用范围、作用域及相关操作注意事项,需要的朋友可以参考下2019-07-07
默认情况javascript是同步加载的,javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载,如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下哈2013-03-03
最新评论