如何在嵌套标记内检索标记纯文本

Question

我有一个HTML页面，我想要使用JavaScript检索另一个标签中的标签的纯文本。

<div id="article_content">
    <p>paragraph 1 </p>
    <p>paragraph 2 </p>
    <p>paragraph 3 </p>
</div>

所以基本上我想要检索所有<p>纯文本。请帮忙

旁注：我在android studio中加入了我的JavaScript。

Answer 1

您可以使用父节点的.textContent来获取文本。

alert(document.querySelector('#article_content').textContent)

<div id="article_content">
    <p>paragraph 1 </p>
    <p>paragraph 2 </p>
    <p>paragraph 3 </p>
</div>

Answer 2

您可以尝试使用：

arr = document.getElementById("article_content").children;

for(var i = 0; i < arr.length; i++)
    console.log(arr[i].innerHTML);

document.getElementById（“article_content”）返回一个表示ID为“article_content”的标记的对象。

.children 成员函数返回标记为“article_content”的标记的所有元素作为HTML集合。

然后使用 .innerHTML 访问ID为“article_content”的div中<p>标记的内容。

有关此问题的更多有用信息，请访问http://www.w3schools.com/jsref/dom_obj_all.asp

Answer 3

您可以使用$("#article_content").text()将内容作为文字获取。