使用JS去除字符串中的HTML标签

背景

有时候我们经常需要删除掉字符串中的一些HTML标签

下面我推荐两个办法

正则表达式

使用正则表达式,通常较为简单的字符串情况不会出现问题,建议对数据进行多测试

str.replace(/<[^>]+>/g, '')

使用innerHTML(推荐)

有时候网上的一些正则可能不符合你的需求,此时我们可以通过HTML自带的textContent来解决

推荐这个方案的原因是我们实际上利用了浏览器的自带的API处理了删除标签的功能,会符合浏览器的渲染机制,较为稳定。

const deleteTag = (str) => {
  const el = document.createElement('div')
  el.innerHTML = str
  return el.textContent
}