循环浏览Javascript中的段落

时间:2018-11-02 16:22:52

标签: javascript html

我将一些HTML存储在一个看起来像这样的变量中:

<p>Cras eget massa posuere, faucibus tortor eu, suscipit nibh. Pellentesque vitae augue diam. Duis vel placerat massa. Nam vitae consequat odio, id tempus lorem. Aliquam scelerisque odio eget eleifend pulvinar. Suspendisse potenti. Curabitur ultricies porttitor elementum.</p>
<p>Suspendisse bibendum condimentum convallis. Mauris suscipit, felis eget sollicitudin fringilla, ante justo gravida eros, nec finibus quam ex vitae neque. Sed eget sapien porttitor, tristique elit eu, malesuada erat.</p>

我想通读所有p标记并将其转换为para标记的innerText数组,使其如下所示:

["Cras eget massa posuere, faucibus tortor eu, suscipit nibh. Pellentesque vitae augue diam. Duis vel placerat massa. Nam vitae consequat odio, id tempus lorem. Aliquam scelerisque odio eget eleifend pulvinar. Suspendisse potenti. Curabitur ultricies porttitor elementum.", "Suspendisse bibendum condimentum convallis. Mauris suscipit, felis eget sollicitudin fringilla, ante justo gravida eros, nec finibus quam ex vitae neque. Sed eget sapien porttitor, tristique elit eu, malesuada erat."]

我不知道如何遍历这些P标签。任何帮助表示赞赏。我应该可以使用forEach,但我不知道如何。

1 个答案:

答案 0 :(得分:0)

尝试创建一个人工容器,使用变量中的html填充其innerHTML,然后使用getElementsByTagName()

let html = `<p>Paragraph 1</p><p>Paragraph 2</p>`;
let div = document.createElement("div");
div.innerHTML = html;
let paragraphs = div.getElementsByTagName("p");

for(let i = 0; i < paragraphs.length; i++) {
    console.log(paragraphs[i].innerText) // Will print the content of each paragraph
}