¿Cómo sobrescribir css en línea a través de javascript?

Question

¿podemos anular css en línea mediante javascript? con compatibilidad con IE6.

Encontré esta solución pure css pero no funciona en 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> 

podemos reemplazar este estilo en línea con esta solución

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

Esta solución funcione en todos los principales navegador, excepto IE6.

Answer 1

Por supuesto que puedes mediante el uso de CSS de jQuery() Método: http://docs.jquery.com/CSS/css#namevalue

Así que si por ejemplo, usted tiene el código HTML siguiente:

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

Usted puede cambiar el color de la siguiente manera en jQuery :

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

Y funcionará en IE6.

Answer 2

!important funciona en IE6, es solo su selector span[style] no lo hará, ya que los selectores de atributos no son compatibles allí. Si puede encontrar otro selector que elija los tramos que desea anular, funcionará bien. Quizás solo .block span es suficiente?

contrario, sí, se puede cambiar desde JavaScript si es absolutamente necesario (no tiene ningún control sobre el marcado?):

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