正则匹配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>'));

相关阅读 >>

js中如何利用正则匹配多个全部数据

jquery如何使用正则

正则匹配html标签（不保留内容和保留内容、过滤标签的的属性）

介绍javascript正则实现表达式以字母开头

input输入框只能输入数字、字母相关组合（正则表达式）

如何用test()方法进行正则验证

更多相关阅读请进入《正则》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 正则匹配HTML标签（不保留内容和保留内容、过滤标签的的属性）