javascript - 如何从作为字符串的 html 中选择第一个 p 标签？

Question

我正在从无头 CMS 中获取内容，并将内容作为字符串获取，例如：

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

如何选择第一个 p 标签，这样我就可以拥有这样的东西：

const firstPtagContent = "1st p tag"

标签： javascripthtmlselectors-api

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
)