como asignar un style dinámicamente?

[ratamaster]

Hola, estoy haciendo un select dinámico, a una de las opciones quiero asignarle un fondo de diferente color, estoy usando esto pero no me funciona:

opt.setAttribute("style","'background:#cdebff'");


¿¿Como lo tengo que hacer??

[B**]

Por ejemplo, si tienes un option , y en el onclick del option quisieras cambiar el color seria algo asi:

Código HTML:

<select>
...
<option ....      onclick="cambiaColor(this);"      .....  </option>
...
</select>

//Luego en tu codigo JS
function cambiaColor(ele){
      ele.style.background="#000000";
}

[ratamaster]

Pero lo que yo quiero no es algo que se dispare en el onchange.
Lo mio es más simple, yo simplemente quiero que un option tenga un color de fondo diferente, y como al select lo estoy haciendo por medio de funciones del dom, necesito darle ese color con una de esas funciones o de otra manera.
Pero el opt.setAttribute("style","'background:#cdebff'"); no funciona,

Alguien sabe como hacerlo?

[B**]

<option style="background-color:#0033FF "></option>

[ratamaster]

Pero en ese ejemplo lo estas escribiendo directamente en el option, recuerda que yo no lo estoy haciendo (el select) por medio del dom, y no hardcoded

[derkenuke]

Se hace así, como te dijo B**:

Código PHP:

  objeto.style.backgroundColor="#0033FF";  
   

Y funciona igual en todas las propiedades de style (border, borderTop, padding...)


Un saludo.

[ratamaster]

Bien, muchas gracias, ahora si funcionó!

[MaBoRaK]

loading...........

como TIP solo decir que todas las propiedad CSS en JAVASCRIPT es igual, con la unica diferencia que todo está CAMELIZED :p... osea (deEstaForma)

ejemplo:
CSS: background-color
JS: backgroundColor
CSS: zindex
JS: xIndex


connection closed.