Javascript:如何获取 p 标签内的文本字符串数组

Question

假设我有一个带有很多 p 标签的字符串...

var myString = "<p>Some text.</p><p>Some more. Some more text.</p><p>And even some more text.</p>";

..如何获取一个数组，数组中的每个项目都是 p 标签中的文本字符串:

 [
    "Some text.",
    "Some more. Some more text.",
    "And even some more text."
]

我想的一种方法是去掉 p 标签......

   var stringWithOutTags = myString.replace(/(<p>|<\/p>)/g, " ");

..然后使用.split()取出每个句子。但我真的不想说出每个句子，只是用 p 标签编写文本

var stringAsArray = stringWithOutTags.split(".");

Answer 1

如果您在浏览器上执行代码，您可以将字符串解析为 HTML，而不是使用正则表达式:

var el = document.createElement('div');
el.innerHTML = myString;
var texts = [].map.call(el.querySelectorAll('p'), function(p) {
   return p.textContent;
});