javascript过滤html标签的方法

在js中，可以通过 replace() 方法，将一串含有html标签的字符串中的html标签过滤掉，本文就来详细的介绍一下，js中过滤html标签的方法。

js replace() 方法定义与介绍

replace()：在字符串中用正则表达式或字符替换另一些字符。

语法：

Object.replace(regexp/substr,replacement)

regexp/substr：字符串或正则表达式

replacement：规定要替换的字符串或函数

js过滤掉不带属性的指定html标签

示例1：

<script>
    var str = "<p><span></span><span>feiniaomy.com</span></p>";
    nohtmlstr = str.replace(/<span>|<\/span>/gi, "");
    console.log(nohtmlstr);
</script>

打印结果：

<p>feiniaomy.com</p>

示例2：

<script>
    var str = "<p><span style='color:#ccc;'>这是测试标签</span><span>这是测试html内容</span></p>";
    str = str.replace(/<span>/gi, "");
    str = str.replace(/<\/span>/gi, "");
    console.log(str);
</script>

打印结果：

<p><span style='color:#ccc;'>这是测试标签这是测试html内容</p>

注意：带有属性的html标签，没有被过滤掉！

js过滤掉带属性的指定html标签

示例1：

js代码：

<script>
    var str = "<p><span style='color:#ccc;'>这是测试标签</span><span>这是测试html内容</span></p>";
    nohtml = str.replace(/<span.*?>|<\/span>/ig, "");
    console.log(nohtml);
</script>

打印结果：

<p>这是测试标签这是测试html内容</p>

示例2：

<script>
    var str = "<p><span style='color:#ccc;'>这是测试标签</span><span>这是测试html内容</span></p>";
    nohtml = str.replace(/<span\s*[^>]*>(.*?)<\/span>/ig, "$1");
    console.log(nohtml);
</script>

打印结果：

<p>这是测试标签这是测试html内容</p>

js过滤掉所有的html标签

js代码：

<script>
    var str = "<p><font color=#000000></font></p><div>mochu</div>";
    var nohtml = str.replace(/<\/?.+?>/g, "");
    console.log(nohtml);
</script>

打印结果：

mochu

到此这篇关于javascript过滤html标签的方法就介绍到这了。有时候日子会很难捱的，像头顶乌云行走，无论奔跑、蹲下、闪躲，都没有阳光。但是人生需要自带，坚定不移地认为一切都会好，心灰了，就什么都好不了了。天上有光，会照你身上，你心里有光，就会照在天上。更多相关javascript过滤html标签的方法内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！