JS 过滤HTML标签，取得纯文本

时间：2017-08-30 18:34:10 阅读：173 评论：0 收藏：0 [点我收藏+]

一、过滤掉所有HTML标签如下：

str.innerHTML.replace(/<.*?>/g,"")

二、过滤掉带属性的某一个标签，如标签：

var str = "这里是测试过滤span标签的哦";
str.replace(//gi,"");

str.replace(/<\/span>/gi,"");

技术分享

三、过滤掉不带属性的某一个标签，如标签：

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str = str.replace(/<span>/gi,"");
str = str.replace(/<\/span>/gi,"");

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str.replace(/<span>/gi,"").replace(/<\/span>/gi,"");

四、过滤配对标签（不包含属性），一起过滤掉

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str.replace(/<span>|<\/span>/gi,"");

五、过滤配对标签（包含属性），一起过滤掉

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str.replace(/<span\s*[^>]*>(.*?)<\/span>/ig,"$1");

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str.replace(/<span.*?>|<\/span>/ig,"");

注意事项：

var str = "<p>这里是测试过滤<span>span标签的哦</span></p>";
str.replace(/<span>/gi,"");
str.replace(/<\/span>/gi,"");

结果如下：

技术分享

从结果中可以看出并没有过滤掉，原因是原字符串不会改变

技术分享

执行完第一句replace后，可以看到第二句str仍为原始值

参考：

原文地址：http://www.cnblogs.com/loveamyforever/p/7454557.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行