Wie inline CSS durch Javascript zu überschreiben?

Question

können wir inline CSS durch Javascript überschreiben? mit IE6-Kompatibilität.

Ich fand diese reine CSS-Lösung, aber funktioniert nicht in 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> 

können wir

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

Diese Lösung Arbeit in allen großen Browsern außer IE6 diesen Inline-Stil mit dieser Lösung außer Kraft setzen.

Answer 1

Natürlich können Sie von jQuery CSS() -Methode: http://docs.jquery.com/CSS/css#namevalue

Also, wenn zum Beispiel haben Sie die folgende HTML:

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

Sie die Farbe, indem Sie folgende in jQuery ändern :

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

Und es wird in IE6 arbeiten.

Answer 2

!important funktioniert in IE6, es ist nur Ihre Wahl span[style] wird nicht, da Attributselektoren dort nicht unterstützt werden. Wenn Sie einen anderen Selektor finden, der die Spannen auswählt, die Sie überschreiben möchten, funktioniert das gut. Vielleicht reicht nur .block span?

Ansonsten ja, können Sie es von JavaScript ändern, wenn Sie absolut haben (nicht Sie keine Kontrolle über das Markup haben?):

span.style.fontWeight= 'normal'; 
span.style.color= 'black';