正则表达式去除所有HTML标签，获得标签中的内容

原创已于 2022-05-16 21:26:43 修改 · 3.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html #javascript #前端

收录于

于 2022-01-05 12:02:38 首次发布

前端类专栏收录该内容

52 篇文章

订阅专栏

这段代码展示了如何使用正则表达式从HTML字符串中移除所有标签，从而获取纯文本内容。原始内容包含一个带有样式的div元素和一个换行符。

// 替换所有的html标签，最终得到标签中的内容
const req = '<div style="color: #f00; font-size:20px">全球领先的中文搜索引擎，找到所求。<br />百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果...</div>';
const median = req.replace(/<\/?.+?>/g, '');
const res = median.replace(/ /g, ''); // res为得到后的内容
console.log(res);

简写

// 替换所有的html标签，最终得到标签中的内容
const req = '<div style="color: #f00; font-size:20px">全球领先的中文搜索引擎，找到所求。<br />百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果...</div>';
const res = req.replace(/<\/?.+?>/g, '').replace(/ /g, ''); // req为输入，res为输出
console.log(res);