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

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