Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/01/2014, 18:31
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 2 meses
Puntos: 977
Respuesta: Cambiar valor css con java

Si leíste lo que escribí en la respuesta anterior, habrás notado que dije lo siguiente:

Cita:
Para controlar los estilos con JavaScript, debes acceder a ellos mediante la palabra style, seguida de un punto y el nombre de la propiedad a modificar
Entonces, en el ejemplo que coloqué, solamente tendrías que cambiar la propiedad fontSize por height o por cualquier otra propiedad a la que desees modificar su valor. Un pequeño ejemplo:

Código HTML:
Ver original
  1. <div id = "ejemplo"></div>

Código CSS:
Ver original
  1. #ejemplo {
  2.   height: 10em;
  3.   width: 30em;
  4.   background: #0f0;
  5.   border: .1em #f00 solid;
  6.   transition: height .8s;
  7. }

Código Javascript:
Ver original
  1. var div = document.getElementById("ejemplo");
  2.  
  3. div.addEventListener("click", function(e){
  4.   this.style.height = this.style.height == "20em" ? "10em" : "20em";
  5. }, false);

En este nuevo ejemplo, tengo un Div al que cada vez que le de un clic, aumentará o disminuirá su altura, que creo que es lo mismo que estás buscando hacer. Aquí puedes ver este ejemplo en ejecución.

Recuerda, la sintaxis para manipular estilos desde JavaScript es:

Código Javascript:
Ver original
  1. elemento.style.propiedad

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand