js怎么替换html标签-js教程-PHP中文网

js怎么替换html标签

青灯夜游

发布： 2021-05-27 17:22:18

原创

4735人浏览过

在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 对象。慧中标AI标书慧中标AI标书是一款AI智能辅助写标书工具。 120 查看详情请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。
replacement	必需。一个字符串值。规定了替换文本或生成替换文本的函数。

参数

描述

regexp/substr

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

慧中标AI标书

慧中标AI标书是一款AI智能辅助写标书工具。

120

查看详情

请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 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标签的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript实现HTML表格数据的实时计算与更新使用JavaScript获取本地化星期短名称（周一至周日顺序） JavaScript中实现健壮的Fetch请求：重试机制提升网络稳定性 JavaScript中Fetch请求的健壮性：实现自动重试机制处理网络不稳定 JavaScript 懒加载：图片与组件的延迟加载策略