javascript - 如何从 html 中选择第一个 p 标签(字符串)？

Question

我从 headless CMS 获取内容，并以字符串形式获取内容，如下所示:

<div>
  <p>1st p tag</p>
  <p>2nd p tag</p>
</div>

如何选择第一个 p 标签，以便我可以得到如下内容:

const firstPtagContent = "1st p tag"

Answer 1

您可以使用 DOMParser 解析字符串并使用 querySelector 获取第一个 p

const str = `<div>
  <p>1st p tag</p>
  <p>2nd p tag</p>
</div>`

let doc = new DOMParser().parseFromString(str, 'text/html')

console.log(
  doc.querySelector('p').textContent
)