使用正则表达式 移除 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 标签后的字符串。

相关推荐
东东51634 分钟前
基于ssm的网上房屋中介管理系统vue
前端·javascript·vue.js
harrain2 小时前
什么!vue3.4开始,v-model不能用在prop上
前端·javascript·vue.js
fanruitian7 小时前
uniapp android开发 测试板本与发行版本
前端·javascript·uni-app
rayufo7 小时前
【工具】列出指定文件夹下所有的目录和文件
开发语言·前端·python
RANCE_atttackkk7 小时前
[Java]实现使用邮箱找回密码的功能
java·开发语言·前端·spring boot·intellij-idea·idea
2501_944525549 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 支出分析页面
android·开发语言·前端·javascript·flutter
李白你好9 小时前
Burp Suite插件用于自动检测Web应用程序中的未授权访问漏洞
前端
刘一说10 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
徐同保11 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
刘一说12 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js