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

我有一个HTML页面，我想要使用JavaScript检索标记的另一个标记中的纯文本。如何检索嵌套标记内的标记纯文本

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

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

附注：我将我的JavaScript合并到android studio中。

来源

2016-07-30 Azrie Bakri

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

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

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

来源

2016-07-30 01:22:52

我忘了提到细节，这个JavaScript是在android工作室。所以当我把它放在我的代码中'webview.loadUrl（“javascript：console.log（'Test： - '+ document.querySelector（'＃article_content'）。textContent）;”）; '它给了我这个ApplicationContext在ApplicationStatus中为null –

-1

您可以尝试使用：

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成员函数将id为“article_content”的标记的所有元素作为HTML集合返回。

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

更多这方面的有用的信息可http://www.w3schools.com/jsref/dom_obj_all.asp

来源

2016-07-30 01:33:19 Konoha12

-1

找到您可以使用$("#article_content").text()来获取内容为文本。

来源

2016-07-30 01:33:36 CNKR

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

回答

相关问题