如何檢索嵌套標記內的標記純文本

我有一個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

如何檢索嵌套標記內的標記純文本

回答

相關問題