清除 html 标签属性
在 HTML 代码中，标签往往会带有多种属性，用于定义其样式、行为和内容。但是，有时我们需要删除这些属性，只保留最基本的标签结构。
解决方法：正则表达式替换
为了清除 HTML 标签中的所有属性，我们可以使用正则表达式。下面是一个 JavaScript 函数，演示了如何使用正则表达式替换来清除 HTML 标签中的属性：
function removeAttributes(htmlString) {
// 正则表达式匹配 HTML 标签和属性
var pattern = /<[^>]+?(\s+[^\s>]*?)?>/gi;
// 使用字符串替换将匹配到的标签和属性清除
var cleanString = htmlString.replace(pattern, function (match) {
return match.replace(/(\s+\w+(="[^"]*")?)/gi, '');
});
return cleanString;
}示例用法
立即学习“前端免费学习笔记（深入）”；
假设我们有一个 HTML 字符串，其中包含一个带有类名和样式的段落标签：
<p class="my-class" style="color:red">This is a paragraph.</p>
使用 removeAttributes() 函数，我们可以清除段落标签中的所有属性，得到以下干净的 HTML 代码：
<p>This is a paragraph.</p>
该函数有效地删除了段落标签中的类名和样式属性，同时保留了最基本的标签结构。
