Para empezar,
Java y
JavaScript son dos lenguajes distintos. Nunca olvides eso.
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:
Código Javascript
:
Ver originalvar enlace = document.getElementById("cuadrado");
enlace.addEventListener("click", function(e){
e.preventDefault();
this.style.fontSize = this.style.fontSize == "1.5em" ? "1em" : "1.5em";
}, false);
Tomo el enlace por su ID y le asigno el evento "click" para que cuando se pulse el enlace, se ejecute una función. En dicha función, evito el comportamiento natural del enlace que es el de redirigir hacia la página asignada en el atributo
href, pero como en este caso dicho tributo no tiene un valor, redirigirá hacia la misma página, por eso evito que ocurra eso. Luego, asigno al enlace un nuevo tamaño para el texto, el cual variará según el tamaño actual: Si es igual a 1.5em, le asigno 1em y viceversa.
Decidí modificar el tamaño del texto, porque el enlace no crecerá solamente porque asignes valores a las propiedades de ancho y alto.
Aquí puedes leer más acerca de la manipulación de estilos desde JavaScript.
Saludos