如何使用JavaScript 從HTML 中提取純文本
從不帶HTML 標籤的HTML 元素中提取純文本,請按照以下步驟操作使用JavaScript:
取得文字內容。
有兩種方法可以從 HTML 中取得文字內容元素:innerText 和 textContent。 innerText 傳回可見的文字內容,而 textContent 傳回所有文字內容,即使它是隱藏的。在這種情況下,您可以使用任一方法。使用方法如下:
innerText:
<code class="javascript">var text = element.innerText;</code>
textContent:
<code class="javascript">var text = element.textContent;</code>
textContent:
<code class="javascript">element.innerHTML = text;</code>
將HTML 替換為文字。
<code class="javascript">var element = document.getElementById('txt'); var text = element.innerText || element.textContent; element.innerHTML = text;</code>取得文字內容後,您可以將元素的 HTML 內容替換為文字內容。操作方法如下:這是您可以使用的完整JavaScript 函數:當使用者點擊「取得內容」時按鈕,該按鈕JavaScript 函數將會執行,並且id="txt" 的p 元素中的HTML 內容將會被替換為純文字內容。
以上是如何使用 JavaScript 移除 HTML 標籤並提取純文字?的詳細內容。更多資訊請關注PHP中文網其他相關文章!