如何从HTML标签中去除所有属性

在处理HTML内容时，有时我们需要去除标签中的所有属性，只保留纯标签结构。本文将介绍几种实用的方法来实现这一需求。

1. 使用JavaScript原生方法

通过JavaScript可以轻松实现去除HTML标签属性的功能：

function removeAllAttributes(htmlString) {
    return htmlString.replace(/<([a-z][a-z0-9]*)[^>]*?>/gi, function(match, tagName) {
        return '<' + tagName + '>';
    });
}

// 使用示例
const html = '
内容
';
const cleanHtml = removeAllAttributes(html);
// 结果: '
内容
'

2. 使用jQuery方法

如果你已经使用了jQuery库，可以采用以下方式：

function removeAttributesWithJQuery(html) {
    const $temp = $('
').html(html);
    $temp.find('*').each(function() {
        $.each(this.attributes, function() {
            $(this).removeAttr(this.name);
        });
    });
    return $temp.html();
}

// 使用示例
const result = removeAttributesWithJQuery('
段落
');
// 结果: '
段落
'

3. 使用DOMParser API

现代浏览器支持的DOMParser API提供了更安全的方式：

function sanitizeHTML(html) {
    const parser = new DOMParser();
    const doc = parser.parseFromString(html, 'text/html');
    
    const elements = doc.querySelectorAll('*');
    elements.forEach(el => {
        Array.from(el.attributes).forEach(attr => {
            el.removeAttribute(attr.name);
        });
    });
    
    return doc.body.innerHTML;
}

4. 服务器端处理（PHP示例）

在服务器端也可以实现类似功能，以下是PHP示例：

function stripAttributes($html) {
    return preg_replace('/<([a-z][a-z0-9]*)[^>]*?>/i', '<$1>', $html);
}

// 使用示例
$clean = stripAttributes('文本');
// 结果: '文本'

注意事项

• 处理前备份原始HTML，以防意外数据丢失
• 某些特殊情况下可能需要保留特定属性（如data-*属性）
• 考虑使用专门的HTML清理库如DOMPurify以获得更好的安全性
• 正则表达式方法可能无法处理所有HTML边缘情况

以上方法可以根据您的具体需求选择使用，JavaScript方法适合前端处理，而服务器端方法则适合在后端进行内容清理。