首页 > 其他分享 >使用正则表达式 移除 HTML 标签后得到字符串

使用正则表达式 移除 HTML 标签后得到字符串

时间:2023-08-03 13:22:41浏览次数:33  
标签:htmlString 正则表达式 标签 HTML 移除 OPPO

需求分析

后台返回的数据是 这样式的 需要讲html 标签替换

high_light_text: "<span style='color:red'>OPPO</span> <span style='color:red'>OPPO</span> 白色 01"

需求分析

使用正则表达式

function stripHTMLTags(htmlString) {
  return htmlString.replace(/<[^>]+>/g, '');
}

var htmlString = "<span style='color:red'>OPPO</span> <span style='color:red'>OPPO</span> 白色 01";
var plainText = stripHTMLTags(htmlString);
console.log(plainText);

在上述代码中,stripHTMLTags 函数使用正则表达式 /<[^>]+>/g 来匹配所有的 HTML 标签,并使用空字符串进行替换,从而将 HTML 标签移除。

最后,返回移除 HTML 标签后的字符串。
字符串

标签:htmlString,正则表达式,标签,HTML,移除,OPPO
From: https://www.cnblogs.com/depressiom/p/17603061.html

相关文章

  • 09通过正则表达式提取电影名称
    importrequestsimportrefromtimeimportsleep#目标电影网;https://nnyy.best/,爬取电影名字做测试。res=requests.session()headers={'authority':'nnyy.best','cache-control':'max-age=0','upgrade-insecur......
  • HTML-多媒体标签
    <video><video>标签是一个块级元素,用于放置视频。如果浏览器支持加载的视频格式,就会显示一个播放器,否则显示<video>内部的子元素。<videosrc="example.mp4"controls><p>你的浏览器不支持HTML5视频,请下载<ahref="example.mp4">视频文件</a>。</p></video>上面......
  • 如何用DHTMLX组件为Web应用创建甘特图?(二)
    dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求,是最完善的甘特图图表库。甘特图仍然是项目管理应用程序中最需要的工具之一,DHTMLXGantt组件提供了能提升研发甘特图功能所需的重要工具。在这篇文章中,您将学习如何添加一个基本......
  • HTML5与HTML4的区别,新增了哪些元素
    注:部分格式编写存在<>封闭错误,只为在博客中显示,并非正确写法。1.  HTML5推出的理由解决Web上存在的问题:Web浏览器间的兼容性低:在一个浏览器中可以运行的HTML、Css、Javascript,在另一个浏览器中不能运行。原因:各浏览器规范不统一,没有被标准化。解决方案:使各浏览器的功能符......
  • HTML | HTML设置语言
    主要作用:让浏览器显示对应的翻译提示。有利于搜索引擎优化。具体写法:<htmllang="zh-CN">扩展知识:lang属性的编写规则(作为一个课外扩展知识,了解即可)。第一种写法(语言-国家/地区),例如:zh-CN:中文-中国大陆(简体中文)zh-TW:中文-中国台湾(繁体中文)zh:中文en......
  • HTML
    HTML1.块级标签标题:<h1>一级标题</h1>div:<div>这是一个div标签</div>p:<p>这是一个p标签,段落标签</p><!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>HTML块级标签</t......
  • HTML | HTML全局属性
    全局属性是所有HTML元素共有的属性;它们可以用于所有元素,即使属性可能对某些元素不起作用。我们可以在所有的HTML元素,甚至是在标准里没有指定的元素上指定全局属性。这意味着任何非标准元素仍必须能够允许应用这些属性,即使使用这些元素意味着文档不再是HTML5兼容的。例如,虽......
  • HTML | meta元信息
    HTML<meta>元素表示那些不能由其他HTML元相关(meta-related)元素表示的元数据信息。如:<base>、<link>、<script>、<style>或<title>。配置字符编码<metacharset="utf-8">针对IE浏览器的兼容性配置。<metahttp-equiv="X-UA-Compatible"con......
  • js去掉html中所有的标签、空格和回车换行符只保留文本
    replaceText(val){if(val!=null&&val!=""){varre1=newRegExp("<.+?>|&.+?;","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容varmsg=val.replace(re1,"");//执行替换成空字符msg=......
  • html details 去除三角
    /*隐藏默认三角chromeSafari*/details::-webkit-details-marker{display:none;}/*隐藏默认三角Firefox*/details::-moz-list-bullet{font-size:0px;}summary{list-style:none;/*部分老版浏览器需要这样写*/}  ......