今天我們來(lái)談一談 Javascript 中如何過濾 HTML。

在前端開發(fā)中，我們常常需要處理 HTML，比如說(shuō)從后端服務(wù)中拿到一個(gè)包含 HTML 的字符，然后在前端頁(yè)面中將其展示與用戶。但是，有些時(shí)候我們需要去除 HTML，只展示純文本。這時(shí)候我們就需要進(jìn)行 HTML 過濾。

我們先來(lái)看一個(gè)例子：

<code>
var htmlStr = "<p>這是一個(gè)包含 HTML 的字符串</p>";
var textStr = htmlStr.replace(/<[^>]+>/g,"");
console.log(textStr);
</code>

首先我們需要一個(gè)包含 HTML 的字符串，這里我們使用了一個(gè)含有一個(gè) p 標(biāo)簽的字符串。

接著我們使用了一個(gè)正則表達(dá)式，將所有的包含 HTML 標(biāo)簽的字符串替換為空字符串。

最后我們輸出了過濾后的純文本字符串。

這段代碼可以用于去除一個(gè)字符串中的所有 HTML 標(biāo)簽，只保留其中的文本內(nèi)容。

但是，有些時(shí)候我們只需要去除部分 HTML，比如說(shuō)只需要去除 img 標(biāo)簽，保留其他 HTML 標(biāo)簽。我們可以使用以下代碼：

<code>
var htmlStr = "<p>這是一張圖片：</p>";
var textStr = htmlStr.replace(/<img[^>]+>/g,"");
console.log(textStr);
</code>

這段代碼去除了包含 img 標(biāo)簽的字符串，只保留其他 HTML 標(biāo)簽。

當(dāng)然，我們也可以使用其他方法進(jìn)行 HTML 過濾，比如說(shuō)使用 DOM 的 innerText 屬性、使用 jQuery 的 .text() 方法等等。不同的方法有不同的適用場(chǎng)景，需要根據(jù)具體的需求來(lái)選擇。

總之，使用 Javascript 進(jìn)行 HTML 過濾是前端開發(fā)中非常常見的需求，我們需要掌握相應(yīng)的技巧，以便將 HTML 轉(zhuǎn)換為純文本進(jìn)行展示。