Javascript 替换除 p、a 和 img 之外的所有 html 标签的正则表达式

使用正则表达式替换除指定标签外的所有HTML标签

在JavaScript中，我们经常需要处理HTML文本，有时候我们只想保留或替换特定的HTML标签，而将其他标签删除或保留原样。这时，我们可以使用正则表达式来实现这个目标。

在本文中，我们将介绍如何使用正则表达式来替换除

、<a> 和 <img> 之外的所有HTML标签。

正则表达式的模式

首先，我们需要定义一个正则表达式的模式，该模式可以匹配除指定标签外的所有HTML标签。我们可以使用<.*?>来匹配一个HTML标签，其中.*?表示匹配任意字符（除了换行符）0次或多次，而?表示非贪婪匹配，即尽可能少的匹配字符。

然后，我们可以使用负向先行断言来排除我们不想替换的标签。在这个例子中，我们希望保留

、<a> 和 <img> 这三个标签，因此，我们可以使用(?!(

|<a>|<img>))来排除这些标签。

综合我们可以得到以下正则表达式的模式：

Javascript
const pattern = /<.*?(?!(<p>|<a>|<img>)).*?>/g;

使用正则表达式替换HTML标签

接下来，我们使用正则表达式的replace()方法将匹配到的HTML标签替换为空字符串，从而达到删除HTML标签的目的。

Javascript
const htmlText = '<div>
Hello
Click me<img src="image.jpg" alt="Image"></div>';
const replacedText = htmlText.replace(pattern, '');
console.log(replacedText);

运行上面的代码，输出结果将为：

Hello
Click me<img src="image.jpg" alt="Image">

我们可以看到，除了

、<a> 和 <img> 这三个标签外，其他的HTML标签都被成功替换为空字符串了。

使用正则表达式替换除指定标签外的所有HTML标签可以帮助我们处理HTML文本，只保留或替换我们所需的标签，同时删除其他的标签。通过定义正则表达式的模式，我们可以使用JavaScript的正则表达式方法来实现这个目标。

代码示例

Javascript
const pattern = /<.*?(?!(<p>|<a>|<img>)).*?>/g;
const htmlText = '<div>
Hello
Click me<img src="image.jpg" alt="Image"></div>';
const replacedText = htmlText.replace(pattern, '');
console.log(replacedText);

希望本文对你理解如何使用正则表达式替换除指定标签外的所有HTML标签有所帮助！