欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js怎么替换html标签

程序员文章站 2022-03-11 18:23:49
...

在js中,可以利用replace()函数配合正则表达式“/<[^<>]+>/g”来替换html标签,语法格式“stringObject.replace(/<[^<>]+>/g,'')”。replace()可以替换一个与正则表达式匹配的子串。

js怎么替换html标签

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js替换html标签

      function  filter(text) {
            var reg = /<[^<>]+>/g;//1、全局匹配g肯定忘记写,2、<>标签中不能包含标签实现过滤HTML标签
            text = text.replace(reg, '');//替换HTML标签
            return text;
        };

相关函数说明:

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp/substr,replacement)
参数 描述
regexp/substr

必需。规定子字符串或要替换的模式的 RegExp 对象。

请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。

replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值:

  • 一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

补:在angularJS中使用过滤器过滤富文本数据

app.filter('qxhtml', function () {
        return function (text) {
            var reg = /<[^<>]+>/g;
            text = text.replace(reg, '');
            text = text.replace(/ /ig, '');
            if (text.length > 50) {
                text = text.substring(0, 50) + "...";
            }
            return text;
        };
    });

使用过滤器

<div class="desc">
     {{y.Description| qxhtml}}
</div>

更多编程相关知识,请访问:编程视频!!

以上就是js怎么替换html标签的详细内容,更多请关注其它相关文章!