javascript - 如何使用 javascript 删除所有内联样式并仅保留 css 样式表中指定的样式？

Question

如果我的 html 中有以下内容:

<div style="height:300px; width:300px; background-color:#ffffff;"></div>

在我的 CSS 样式表中:

div {
    width:100px;
    height:100px;
    background-color:#000000;
}

有没有办法，使用 javascript/jquery 来删除所有内联样式，只保留 css 样式表指定的样式？

Answer 1

$('div').attr('style', '');

或

$('div').removeAttr('style');(来自 Andres's Answer)

要让它更小一点，试试这个:

$('div[style]').removeAttr('style');

这应该会稍微加快速度，因为它会检查 div 是否具有样式属性。

无论哪种方式，如果您有大量 div，这可能需要一些时间来处理，因此您可能需要考虑除 javascript 之外的其他方法。