如何從字符串中刪除HTML標簽得到純文本，本文將介紹2種實現方法。

1、使用 .replace(/<[^>]*>/g, '')

這種方法是一種從文本中刪除標簽的簡單有效的方法。此方法使用字符串方法.replace(old value, new value) 將 HTML 標記值替換為空字符串。/g用于全局發生（如果使用 /g，則字符串中的每個值都將替換為指定的值）。

var myHTML= "<div><h1>卡卡網</h1>\n<p>m.cuckooft.com</p></div>";

var strippedHtml = myHTML.replace(/<[^>]+>/g, '');

console.log(stripedHtml);

輸出

卡卡網
www.webkaka.om

2、創建一個臨時DOM元素并檢索文本

這是完成任務的最有效方式。創建一個虛擬元素并將其分配給一個變量。我們可以稍后使用元素對象進行提取。將 HTML 文本分配給虛擬元素的 innerHTML，我們將從文本元素對象中獲取純文本。

function convertToPlain(html){

    // 創建一個 div 元素
    var tempDivElement = document.createElement("div");
    
    // 用獲得的值 設置 HTML 內容
    tempDivElement.innerHTML = html;
    
    // 返回元素的文本屬性 
    return tempDivElement.textContent || tempDivElement.innerText || "";
}

var htmlString= "<div><h1>卡卡網</h1>\n<p>webkaka.com</p></div>";


console.log(convertToPlain(htmlString));

輸出

卡卡網
webkaka.com

總結

本文介紹了字符串刪除HTML標簽得到純文本的2種方法。通常我們使用的是第一種方法，使用.replace(/<[^>]*>/g, '')，刪除HTML標簽，只保留文本內容。你也可以使用.replaceAll()來完成字符串替換，參考文章JS實現字符全替換: replace replaceAll。

相關文章

• asp.net正則表達式提取網頁網址、標題、圖片實例以及過濾所有HTML標簽實例

標簽: HTML