Buenas. Estoy teniendo problemas a la hora de modificar propiedades de estilo CSS con javascript.
Por ejemplo:
Quiero que al hacer click sobre un cuadro de texto este se desplace un pixel hacia arriba, de modo que tengo esto:
Código:
input{position:relative; top:0px;}
...
...
<input type="text" onclick="subir(this);">
...
...
subir(objeto)
{
altura=objeto.style.top;
altura=altura.substring(0,1); /*esto lo hago para quitar las letras px de la altura */
altura=altura-1;
objeto.style.top=altura+"px";
}
Hasta aqui todo perfecto, consigo que se suba, pero al volver a hacer click no entiendo por que la funcion ya no consigue leerme el valor de la posicion del cuadro de texto apareciendome NaN... como que no estuviera definida.
¿Por que pasa esto?
¿como puedo solucionarlo?