如何使用javascript删除所有内联样式，只保留css样式表中指定的样式？
如何使用javascript删除所有内联样式，只保留css样式表中指定的样式？
提问于 2009-08-04 20:14:59
如果我的html中有以下内容：
<div style="height:300px; width:300px; background-color:#ffffff;"></div>在我的css样式表中：
div {
width:100px;
height:100px;
background-color:#000000;
}有没有办法，使用javascript/jquery，删除所有的内联样式，只保留css样式表指定的样式？
回答 5
Stack Overflow用户
回答已采纳
发布于 2009-08-04 20:17:35
$('div').attr('style', '');
或
$('div').removeAttr('style'); (来自Andres's Answer)
要使其更小，请尝试如下所示：
$('div[style]').removeAttr('style');
这应该会稍微加快速度，因为它会检查div是否具有style属性。
无论哪种方式，如果您有大量的div，这可能需要一些时间来处理，所以您可能需要考虑使用除javascript之外的其他方法。
Stack Overflow用户
发布于 2009-08-04 20:35:54
$('div').removeAttr('style');Stack Overflow用户
发布于 2011-09-22 03:09:45
我正在使用$('div').attr('style', '');技术，但它在IE8中不起作用。
我使用alert()输出样式属性，它没有去掉内联样式。
.removeAttr最终在IE8中完成了这项工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1229688
复制相关文章
相似问题