如何使用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');

要使其更小一些，请尝试以下操作：

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

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

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