正则匹配HTML标签(不保留内容和保留内容、过滤标签的的属性)

1、匹配双标签(包括内容),过滤标签,不保留内容。

var reg1 = /<span[^>]*>(.|\n)*<\/span>/gi;

var str1 = '<span>我是被删除的</span>123123';

console.log(str1.replace(reg1, ''));

2、匹配标签(不包括内容),过滤标签,保留内容。

var reg1 = /(<\/?font.*?>)/gi;
var reg2 = /(<\/?span.*?>)/gi;
var reg3 = /(<\/?a.*?>)/gi;
var reg4= /(<\/?font.*?>)|(<\/?span.*?>)|(<\/?a.*?>)/gi;

var str = '<span>我是被保留的</span><a href="asdasd">你好,我也是被保留的<font>我的font里的</font></a>';

console.log(str.replace(reg1, ''));
console.log(str.replace(reg2, ''));
console.log(str.replace(reg3, ''));
console.log(str.replace(reg4, ''));

3、去掉标签内的属性(比如style和class)

var reg1 = /<span[^>]*>/gi;

var str1 = '<span style="color:red;">我是被删除的</span>123123';

console.log(str1.replace(reg1, '<span>'));

欢迎分享,(木庄网络博客交流QQ群:562366239

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论