如何使用純 JavaScript 有效地從文字中刪除 HTML 標籤？

從純JavaScript 中的文字中剝離HTML 標籤

從字串中剝離HTML 標籤是Web 開發中的一項常見任務。雖然有可用於此目的的程式庫，但可以使用純 JavaScript 來實現此目的。

使用瀏覽器的 DOM

如果您的程式碼在瀏覽器中運行，最簡單的方法做法是讓瀏覽器來處理HTML解析。這可以透過建立臨時 DOM 元素並將其 innerHTML 屬性設為 HTML 字串來完成。產生的 textContent 或 insideText 屬性將包含不帶 HTML 標記的文字。

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

警告： 在處理不受信任的輸入（例如使用者產生的內容）時，應謹慎使用此方法。

使用 DOMParser

另一種選擇方法是使用 DOMParser 接口，該接口在現代瀏覽器中可用。這允許您在不建立 DOM 元素的情況下解析 HTML 字串。

function stripHtml(html) {
   const doc = new DOMParser().parseFromString(html, "text/html");
   return doc.body.textContent;
}

正規表示式

正規表示式也可以用於從字串中移除HTML 標籤，但與上述方法相比，這種方法通常效率較低且穩健。

function stripHtml(html) {
   return html.replace(/<.+?>/g, "");
}

請記住考慮以下方法的限制和安全性影響為您的用例選擇適當的解決方案時的每種方法。

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