通过删除去除 HTML 字符串<p></p>标记并将其替换为<br>在 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

获取每个<p>的textContent ，然后通过<br>加入：

 const input = `<p>I have a dog</p> <p>I have a cat too</p> <p>I have a lion too</p>`; const doc = new DOMParser().parseFromString(input, 'text/html'); const output = [...doc.querySelectorAll('p')] .map(p => p.textContent) .join('<br>\\n'); console.log(output);

请注意，仅<br>就足够了。

Answer 2

您可以使用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)