HTML正则替换指的是通过使用正则表达式来查找和替换HTML文本。正则表达式是一种文本匹配工具，能够帮助您在HTML文本中找到特定的内容或模式。
在HTML网页制作过程中，往往需要对文本进行大量的修改和调整，这时候就需要使用HTML正则替换来快速地完成这些任务。本文将介绍如何使用HTML正则替换实现常见的操作。
1.删除HTML标签
在网页中，HTML标签是不可避免的。但有时候我们需要从文本中删除它们，比如将网页中的所有图像标签删除。这时候，我们可以使用以下的正则表达式：
其中，<.*?>表示匹配任意标签，/?表示可以存在反斜杠，g表示全局替换。
代码示例：
let str="这是一段HTML文本
这是一个段落
";
console.log(str.replace(/<.*?>/g,""));
//输出：这是一段HTML文本这是一个段落
Copy after login
2.替换HTML标签
在某些情况下，我们需要将标签进行替换，比如将p标签替换为div标签。这时候，我们可以使用以下的正则表达式：
/<p(.*)>(.*?)</p>/gi
Copy after login
其中，)>表示匹配p标签和其属性，(.?)表示匹配p标签内部的内容，
表示匹配p标签的关闭标签，/gi表示全局匹配，不区分大小写。
代码示例：
let str="这是一个段落
";
console.log(str.replace(/<p(.*)>(.*?)</p>/gi,"$2
"));
//输出：
这是一个段落
Copy after login
3.将相对路径转为绝对路径
在网页中，资源文件的路径往往是相对路径，但有时候我们需要将它们转换为绝对路径，这时候正则表达式也可以帮助我们实现。
比如将相对路径“../images/example.jpg”转换为“http://www.example.com/images/example.jpg”。
代码示例：
let str = "<img src='../images/example.jpg'>";
console.log(str.replace(/(src=("|')|^)((?!s(http|https|ftp)://|#|javascript:|{|data:)[^s]+)(("|')|$)/gi, '$1http://www.example.com$3$4'));
//输出：<img src='http://www.example.com/images/example.jpg'>Copy after login
4.去除非法字符
在编辑网页时，我们有时需要去除HTML文本中的非法字符，比如空格、回车、制表符等。可以使用以下的正则表达式：
其中，[s
]表示匹配空格、回车、制表符等字符，g表示全局替换。
Copy after login
代码示例：
let str="<p>这是一段
HTML
文本。</p>";
console.log(str.replace(/[s
]/g,""));
//输出：<p>这是一段HTML文本。</p>Copy after login
HTML正则替换是一种非常有用的技术，能够帮助我们快速地完成HTML文本的修改。通过上述几个例子，你可以更深入地了解HTML正则替换的用法和应用场景。
The above is the detailed content of html regular replacement. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
