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

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

處理同時包含文字和標記的HTML 元素時，通常需要取得不含元素時，通常需要取得不含HTML元素的文字內容。這可以使用 JavaScript 來實現，如下例所示。

在提供的HTML 片段中，我們有一個帶有onclick 事件的按鈕，該事件觸發JavaScript 函數，該函數的任務是從< 中提取文字內容;p>

預期結果：

當使用者點擊按鈕時，

中的HTML 元素將被刪除。

JavaScript 函數：

下面的 JavaScript 函數使用innerText 屬性從

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

  // Extract the text content using innerText
  var text = element.innerText || element.textContent;

  // Update the HTML content of the <p> element with the extracted text
  element.innerHTML = text;
}</code>

中提取文字內容。 p>元素：

說明：
• innerText 屬性傳回元素的文字內容，不包含其中的任何 HTML 元素。
• 如果元素沒有innerText屬性（舊版瀏覽器），則可以使用textContent屬性

最後，

的HTML 內容元素將使用擷取的文字進行更新，從而有效地刪除HTML元素。

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