卡卡網(wǎng)

如何從字符串中刪除HTML標(biāo)簽得到純文本，本文將介紹2種實(shí)現(xiàn)方法。

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

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

var myHTML= "<div><h1>卡卡網(wǎng)</h1>\n<p>www.howtostagehomes.com</p></div>";

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

console.log(stripedHtml);

輸出

卡卡網(wǎng)
www.webkaka.om

2、創(chuàng)建一個(gè)臨時(shí)DOM元素并檢索文本

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

function convertToPlain(html){

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

var htmlString= "<div><h1>卡卡網(wǎng)</h1>\n<p>webkaka.com</p></div>";


console.log(convertToPlain(htmlString));

輸出

卡卡網(wǎng)
webkaka.com

總結(jié)

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

相關(guān)文章

• asp.net正則表達(dá)式提取網(wǎng)頁(yè)網(wǎng)址、標(biāo)題、圖片實(shí)例以及過(guò)濾所有HTML標(biāo)簽實(shí)例

標(biāo)簽: HTML