javascript標籤下多個文字怎麼取

JavaScript作為一種常用的腳本語言，可以幫助網頁開發者輕鬆地操作HTML文字。當我們需要取得標籤下多個文字內容時，可以使用一些簡單的JavaScript方法和語句來實作。

使用innerHTML屬性

在JavaScript中，我們可以使用innerHTML屬性來取得HTML標籤下的文字內容。 innerHTML屬性可以取得標籤內所有包含在標籤中的文本，包括嵌套標籤的文本內容。

例如，假設我們有這樣一個HTML結構：

<div id="container">
  <p>这是第一段文本</p>
  <p>这是第二段文本</p>
  <p>这是第三段文本</p>
</div>

我們可以使用以下程式碼來取得所有p標籤下的文字內容：

var container = document.getElementById("container");
var innerText = container.innerHTML;

console.log(innerText);

輸出結果為：

<p>这是第一段文本</p>
<p>这是第二段文本</p>
<p>这是第三段文本</p>

但要注意的是，innerHTML屬性不僅會取得文字內容，還會取得標籤本身的元素，包括標籤內的屬性和事件，所以使用innerHTML屬性來取得文字內容時，需要先將標籤內的HTML元素去除，才能得到我們想要的文字。

使用innerText屬性

除了innerHTML屬性，我們也可以使用innerText屬性來取得HTML標籤下的純文字內容，它會忽略HTML標籤，並且只傳回文字內容部分。這個屬性只能取得目前元素內部的文字內容，不包括它的子元素的文字內容。

因此，如果我們想要取得HTML標籤下的多個文字內容，我們需要使用for迴圈逐一取得子元素的innerText屬性。例如：

var container = document.getElementById("container");
var paragraphs = container.getElementsByTagName("p");
var innerText = "";

for (var i = 0; i < paragraphs.length; i++) {
  innerText += paragraphs[i].innerText + "
";
}

console.log(innerText);

輸出結果為：

这是第一段文本
这是第二段文本
这是第三段文本

使用textContent屬性

除了以上兩種方法，我們也可以使用textContent屬性來取得HTML標籤下的文字內容。與innerText不同的是，textContent屬性會取得標籤下所有的文字節點，包括標籤內的所有空格和換行符。

同樣地，如果我們想要取得HTML標籤下的多個文字內容，我們需要使用for迴圈逐一取得子元素的textContent屬性。例如：

var container = document.getElementById("container");
var paragraphs = container.getElementsByTagName("p");
var textContent = "";

for (var i = 0; i < paragraphs.length; i++) {
  textContent += paragraphs[i].textContent + "
";
}

console.log(textContent);

輸出結果為：

这是第一段文本
这是第二段文本
这是第三段文本

#綜上所述，JavaScript中提供了多種方法來取得HTML標籤下的文字內容。根據需要選擇合適的方法來獲取所需的文本內容即可。

以上是javascript標籤下多個文字怎麼取的詳細內容。更多資訊請關注PHP中文網其他相關文章！