精简html代码：高效去除html标签属性的实用技巧
Word文档转换为网页时，生成的HTML代码常常包含冗余属性和样式，影响后续处理。例如，Word表格转换后的HTML代码通常包含大量不必要的属性。 本文提供一种高效清除HTML标签属性的方法。
核心代码如下：
function removeAttributes(htmlString) {
// 正则表达式匹配HTML标签和属性
const pattern = /<[^>]+?(s+[^>]*?)?>/gi;
// 使用字符串替换清除匹配到的属性
const cleanString = htmlString.replace(pattern, (match) => {
return match.replace(/(s+w+(=["'][^"']*["'])?)/gi, '');
});
return cleanString;
}
// 示例
const htmlString = '<p class="my-class" style="color:red">This is a paragraph.</p>';
const cleanedString = removeAttributes(htmlString);
console.log(cleanedString); // <p>This is a paragraph.</p>该removeAttributes函数接收HTML字符串作为输入。它使用两个正则表达式：第一个匹配HTML标签及其属性；第二个匹配并移除属性。replace方法将属性替换为空字符串，从而简化HTML代码。 示例演示了函数的使用和输出结果。此方法可有效处理各种HTML标签，去除所有属性，简化代码，便于后续操作。