首頁 >web前端 >js教程 >如何僅使用 JavaScript 從文字中刪除 HTML 標籤?

如何僅使用 JavaScript 從文字中刪除 HTML 標籤?

Barbara Streisand
Barbara Streisand原創
2024-12-24 00:44:18460瀏覽

How Can I Remove HTML Tags from Text Using Only JavaScript?

從文字中剝離HTML 標籤:一種純JavaScript 方法

當面臨從字串中刪除HTML 標籤的任務時,很容易向方便的圖書館尋求協助。然而,探索純 JavaScript 解決方案可以為該語言的多功能性提供有價值的見解。

純 JavaScript 解決方案:

在瀏覽器環境中工作時,利用瀏覽器的本機功能是一種簡單的方法。以下函數無需依賴外部函式庫即可無縫剝離HTML 標籤:

function stripHtml(html) {
   let tmp = document.createElement("DIV");
   tmp.innerHTML = html;
   return tmp.textContent || tmp.innerText || "";
}

作用機制:

此函數建立儲存在'tmp' 中的HTML 元素多變的。透過將其“innerHTML”屬性設為輸入“html”,該元素可以有效地解析 HTML。隨後,檢索 'textContent' 或 'innerText' 屬性會產生刪除了 HTML 標籤的字串。

注意事項:

處理 HTML 時務必小心謹慎不受信任的來源,例如使用者輸入。在這種情況下,考慮替代策略,例如 Saba 使用「DOMParser」的答案,可能是明智的。

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn