如何通过javascript覆盖内联css？

Question

我们可以通过JavaScript覆盖内联css吗？与IE6兼容.

我发现这个纯粹的CSS解决方案,但在IE中不起作用.

http://nataliejost.com/override-inline-styles-from-the-stylesheet/

http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/

<div class="block">
    <span style="font-weight: bold; color: red;">Hello World</span>
</div>

我们可以使用此解决方案覆盖此内联样式

.block span[style]{
    font-weight: normal !important;
    color: #000 !important;
}

此解决方案适用于IE6以外的所有主流浏览器.

Answer 1

当然你可以使用jQuery的css()方法:http://docs.jquery.com/CSS/css#namevalue

因此,例如,如果您有以下HTML:

<p style="color:red;">A colored text</p>

您可以通过在jQuery中执行以下操作来更改颜色:

$("p").css("color","blue");

它将在IE6中运行.