×

正则表达式:去掉html标签只保留文字

作者:Web前端之家2021.02.22来源:Web前端之家浏览:280评论:0
关键词:js

正则表达式:去掉html标签只保留文字。

标签的格式有以下几种

1.<div class="test"></div>

2.<img />

3.自定义标签<My-Tag></My-Tag>

针对以上几种标签,确定的正则的规则是 reg=/<\/?.+?\/?>/g

<表示尖括号

第一个\/?表示</div>这种标签的情况

.+?表示将中间所有内容替代掉

第二个\/?表示<img/>这种情况

/g表示全局替换

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>正则表达式:去掉html标签只保留文字</title>
</head>
<script>
  function matchReg(str){
    let reg=/<\/?.+?\/?>/g;
    console.log(str.replace(reg,''));
  }
  matchReg(`<p>去除所有html标签,<img/><My-Tag class="abc" value="test">自定义标签也可以去除哦</My-Tag></p>`);
</script>
<body>
</body>
</html>


温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20210222a2.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    急急急...

  • 访客

    WindowsServer还是很多用的哦...

  • a34gd

    GitHub的CodeQL...

  • 访客

    Windows10要求电脑配置啊。...

  • ab234

    博主辛苦了,这个VUE分享很不错,收藏了。...

  • Web前端之家

    已加上...

  • 访客

    您好,我这边是http://www.liulanqi.com.cn/360/浏览器下载爱站权2,...

  • Web前端之家

    已加上...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.7 Valyria