Modificar propiedades css con javascript

Para Cambiar las propiedades de css con javascript, sin cambiar la clase entera, lo que tenemos que hacer es acceder como siempre al objeto al que queremos cambiar la propiedad con document.getElementById(‘elemento’) y luego lo modificaremos con .style.propiedad = .

las propiedades hay que cambiarlas de una en una, no podemos hacerlo como en el caso de jquery varias a a vez.

Aqui dejamos el enlace para cambiar propiedades css con jquery

<codigo>
  1. <script>
  2. function cambia_propiedades(){
  3.     document.getElementById("enlace").style.color = "#01DF01"
  4. }
  5. function cambia_propiedades2(){
  6.     document.getElementById("capa").style.background = "#000000"
  7.     document.getElementById("capa").style.height = "58px"
  8. }
  9. </script>
  10. <div id="botones">
  11.    <input type="button" onclick="javascript:cambia_propiedades();" value="Cambia color texto" /><input type="button" onclick="javascript:cambia_propiedades2();" value="cambia color capa y tamaño" />
  12. </div>
  13. <div id="capa">
  14. <a id="enlace" href="http://www.briored.com">Enlace a Briored</a>
  15. </div>