首页 > web前端 > js教程 > 正文

js怎么替换html标签

青灯夜游
发布: 2021-05-27 17:22:18
原创
4610人浏览过
在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标签的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号