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

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

Linda Hamilton
發布: 2024-10-31 19:34:02
原創
481 人瀏覽過

How to Extract Plain Text from HTML with JavaScript?

使用JavaScript 刪除HTML 元素以進行純文字擷取

在處理HTML 內容時,有些情況下您可能需要擷取純文字不帶有HTML 元素標籤的文字。 JavaScript 提供了一種便捷的方法來實現此目的。

問題陳述:

您有一個 HTML 文件,其中有一個按鈕和包含在

中的文字。元素。單擊該按鈕後,您希望從該

文字中刪除所有 HTML 元素標記。元素,僅保留純文字。

解決方案:

要實現此目的,請使用JavaScript 按照以下步驟操作:

<code class="javascript">function get_content() {
  // Get the element by its ID
  var element = document.getElementById('txt');

  // Extract the plain text using either innerText or textContent
  // Depending on the browser support and specific requirements, you can use either of these methods.
  var text = element.innerText || element.textContent;

  // Replace HTML elements with the pure text
  element.innerHTML = text;
}</code>
登入後複製

透過使用此函數,當用戶當按鈕按一下時,

內的HTML 標記將會被顯示。元素將被刪除,只留下純文字。

innerText 與 textContent:

innerText 和 textContent 之間的選擇取決於您的要求。 insideText 模仿可見文本,包括任何空格、換行符和隱藏文本。另一方面,textContent 會移除所有格式或隱藏元素。

相容性:

innerText 與舊版 IE 瀏覽器具有更好的兼容性,但可能不適合複雜的 HTML結構。建議使用 textContent 來實現跨瀏覽器的更穩健和一致的行為。

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

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