通过删除 <p></p> 标签去除 HTML 字符串并在 Javascript

Question

我有一个关于剥离 HTML 字符串的问题。我有一个 HTML 字符串：<p>I have a dog</p><p>I have a cat too</p><p>I have a lion too</p>我希望它变成：I have a dog<br/>I have a cat too<br/>I have a lion too

Answer 1

您可以使用DOMParser

let str = `<p>I have a dog</p>

<p>I have a cat too</p>

<p>I have a lion too</p>`

let parser = new DOMParser()

let parsed = parser.parseFromString(str,'text/html')

let final = [...parsed.getElementsByTagName('p')].map(e=> e.textContent).join('<br/>')

console.log(final)

注意：- Regex 不是 HTML 解析的合适工具，但如果只是为了学习目的，您想看看如何使用 regex

let str = `<p>I have a dog</p>

<p>I have a cat too</p>

<p>I have a lion too</p>`

let op = str.split('\n').map(e=>e.replace(/<\/?p>/g,'')).join('<br/>')

console.log(op)