Javascript Style

[ClubIce]

Hola, nadie te ayuda porque ha esta hora, la gente en descanso :P, pero yo si te voy a ayudar:

Si lo que quieres hacer es modificar los estilos CSS dinamicamente con JavaScript, se usa la propiedad style de cada elemento HTML, o sea por ejemplo si lo que quieres es modificar el color de los campos tu Script seria como lo siguientes:

Código Javascript:

document.getElementById('micampo1').style.backgroundColor="#FF0000"; // Esta linea cambia el color de fondo del campo 1 a 3Rojo
document.getElementById('micampo2').style.backgroundColor="#0000FF"; // Esta linea cambia el color de fondo del campo 2 a Azul
//
 

en el HTML:

Código HTML:

<form>
  Campo 1 <input id="micampo1"><BR>
  Campo 2 <input id="micampo2">
</form>
 

Bacicamente la estructura es la siguienete:

Código Javascript:

document.getElementById('IdElemento').style.propiedad = valor
 

IdElemento = Id del elemento que deceas modificar el estilo.
propiedad = propiedad que quieres modificar, importante: las propiedades compuestas por 2 o mas palabras como background-color, debes modificarse de tal forma que se elimina el guion y se coloca la primera letra en mayuscula: backgroundColor. Ejemplo:

font-size: fontSize
text-align: textAlign
etc....

Valor = Nuevo valor para la propiedad.

EDITO: Cometi un error, en el segundo ejemplo.