如何使用 JavaScript 移除 HTML 標籤並提取純文字？

如何使用JavaScript 從HTML 中提取純文本

從不帶HTML 標籤的HTML 元素中提取純文本，請按照以下步驟操作使用JavaScript：

1. 辨識HTML 元素。
   您可以使用 getElementById() 方法取得要從中擷取文字的元素。在本例中，您有一個 id="txt" 的元素。

2. 取得文字內容。
   有兩種方法可以從 HTML 中取得文字內容元素：innerText 和 textContent。 innerText 傳回可見的文字內容，而 textContent 傳回所有文字內容，即使它是隱藏的。在這種情況下，您可以使用任一方法。使用方法如下：

   • innerText:

     <code class="javascript">var text = element.innerText;</code>

   • textContent:

     <code class="javascript">var text = element.textContent;</code>

   textContent:

3. textContent:
   

   <code class="javascript">element.innerHTML = text;</code>

將HTML 替換為文字。

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

取得文字內容後，您可以將元素的 HTML 內容替換為文字內容。操作方法如下：

這是您可以使用的完整JavaScript 函數：當使用者點擊「取得內容」時按鈕，該按鈕JavaScript 函數將會執行，並且id="txt" 的p 元素中的HTML 內容將會被替換為純文字內容。

以上是如何使用 JavaScript 移除 HTML 標籤並提取純文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！