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

需求分析

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

html 复制代码
high_light_text: "<span style='color:red'>OPPO</span> <span style='color:red'>OPPO</span> 白色 01"

使用正则表达式

js 复制代码
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 标签后的字符串。

相关推荐
lzhdim5 分钟前
SQL 入门 10:SQL 内置函数:数值、字符串与时间处理
前端·数据库·sql
张元清10 分钟前
5 分钟用 Vite SSR 搭建一个全栈 React 应用
前端·javascript·面试
空中海10 分钟前
6.1 主题与暗色模式
运维·服务器·前端·flutter
踩着两条虫20 分钟前
效率翻倍!AI智能体深度解析:自然语言 → DSL → Vue组件
前端·人工智能·低代码
吴声子夜歌41 分钟前
Vue3——条件判断指令
前端·es6
snow_yan41 分钟前
AI 对话流式输出: 实现“逐字丝滑、不闪烁、不卡顿”的打字机效果
前端·react.js·openai
Devin_chen1 小时前
Pinia 渐进式学习指南
前端·vue.js
你听得到111 小时前
周下载60w,但是作者删库!我从本地 pub 缓存里把它救出来,顺手备份到了自己的 GitHub
前端·flutter
PeterMap1 小时前
Vue组合式API响应式状态声明:ref与reactive实战解析
前端·vue.js
CodeGuru1 小时前
UniApp Vue3 生成海报并分享到朋友圈
前端