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

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

Patricia Arquette
發布: 2024-10-31 15:35:02
原創
713 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板