如何使用javascript清除所有内联样式，而仅保留CSS样式表中指定的样式？

如果我的html中包含以下内容：

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

这在我的CSS样式表中：

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

是否可以使用javascript / jquery删除所有内联样式并仅保留css样式表指定的样式？

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

要么

$('div').removeAttr('style');（摘自安德烈斯的回答）

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

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

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

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

纯JavaScript：

您不需要jQuery来完成一些琐碎的事情。只需使用该.removeAttribute()方法即可。

假设您仅针对单个元素，则可以轻松使用以下内容：（示例）

document.querySelector('#target').removeAttribute('style');

如果您要定位多个元素，则只需遍历选定的元素集合即可：（示例）

var target = document.querySelectorAll('div');
Array.prototype.forEach.call(target, function(element){
    element.removeAttribute('style');
});

Array.prototype.forEach()-IE9及更高版本.querySelectorAll()--IE 8（部分）IE9及更高版本。

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

我正在使用该$('div').attr('style', '');技术，但在IE8中不起作用。

我使用输出了style属性alert()，但它并未去除内联样式。

.removeAttr 最终在IE8中达到绝招。

如果只需要清空style元素的，则：
element.style.cssText = null;
这应该很好。希望能帮助到你！

这可以分两个步骤完成：

1：通过标记名，ID，类等选择要更改的元素。

var element = document.getElementsByTagName('h2')[0];

2. 删除样式属性

element.removeAttribute('style');

您也可以尝试将样式表中的CSS列为！important