首頁  >  文章  >  web前端  >  如何使用 JavaScript 從 HTML 元素中提取純文字?

如何使用 JavaScript 從 HTML 元素中提取純文字?

Patricia Arquette
Patricia Arquette原創
2024-10-31 15:35:02650瀏覽

How to Extract Pure Text from HTML Elements using JavaScript?

使用JavaScript 從HTML 元素中提取純文字

在處理HTML 頁面時,通常需要提取不含周圍內容的純文字內容HTML 元素。這可以使用 JavaScript 來實現。

在這種情況下,您有一個 HTML 頁面,其中包含一個按鈕和一些包含在

中的文字。元素。按一下按鈕時,應刪除 HTML 標記,保留純文字不變。

要實現此目的,您可以使用以下 JavaScript 函數:

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

document.getElementById ('txt') 行檢索

ID 為「txt」的元素。

innerText 或 textContent 屬性可用來取得元素內的文字內容。 innerText 近似可見文字(不包含標籤),而 textContent 嚴格刪除 HTML 標籤。選擇最適合您要求的屬性。

最後,element.innerHTML = text 取代

中的 HTML 內容。具有純文字值。

利用此技術,您可以有效地從 HTML 元素中提取純文本,從而允許您根據需要操作文字內容。

以上是如何使用 JavaScript 從 HTML 元素中提取純文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn