Problema con javascript. getElementById("blabla").style."algo".

[ElionTDA]

Buenas, me surge un problema al hacer un cambio en el css haciendo uso de js, y no entiendo el porque.

El objeto que quiero cambiar tiene este css:
#img1_1{
background-image: url("img/img1_1.png");
background-size: 200px 200px;
background-repeat: no-repeat;
width: 200px;
height: 200px;
position: absolute;
z-index: 1;
margin-left: 0px;
left: 0px;
bottom: 0%;
}

Y la función donde lo cambio:
function blablab(elemento, inicio = 0, fin = 800){
var objeto;
var aux;

objeto = document.getElementById(elemento);

objeto.style.transition = "all 1s";
objeto.style.transitionTimingFunction = "linear";

if(objeto.style.left == ""){
aux = 0;
}else{
aux = objeto.style.left;
aux = aux.substr(0,aux.length - 2);
aux = parseInt(aux);
}

if(aux >= fin){
dir = "izq";
}
if(aux <= inicio){
dir = "der";
}

if(dir == "der"){
resp = aux + 90;
} else if (dir == "izq"){
resp = aux - 90;
}

objeto.style.left = resp + "px";
}

He hecho una chapuza, para que no me diera error, que es ese:
if(objeto.style.left == ""){
aux = 0;
}else{
aux = objeto.style.left;
aux = aux.substr(0,aux.length - 2);
aux = parseInt(aux);
}

Pero no entiendo por que la primera vez, que tiene en el left del css 0px, no me lo detecta la primera pasada, pero a partir de cambiarlo con js, las siguientes si me lo detecta.

Si alguien puede ayudarme se agradecería mucho.

Soy un newbie en todo esto de js.

Un saludo.

[PIRRUMAN]

deberias debuguear paso a paso la funcion que lo realiza, ya se colocando alerts o usando console.log

por ejemplo:

Código Javascript:

console.log(aux);
alert(fin);
console.log(...etc..);
 
if(aux >= fin){
dir = "izq";
}
if(aux <= inicio){
dir = "der";
}
 

para ver que es lo que lo afecta

[ElionTDA]

Siempre voy debugeando con alerts, y por eso me di cuenta del error e hice ese "apaño" pero no me gusta nada.

[Alexis88]

Lo que sucede es que, los estilos que estableces en una hoja de estilos (o sea, solo código CSS), no se establecen en la propiedad style, por lo que, cuando quieres leer un valor de esa manera, no lo detecta. Lo aconsejable es que uses la forma elemento.style.propiedad para establecer un valor; y para leer el valor de una propiedad cualquiera, lo hicieras mediante el método .getComputedStyle():

Código Javascript:

getComputedStyle(elemento).propiedad;
 

En tu caso, la condición quedaría así:

Código Javascript:

if (getComputedStyle(objeto).left == ""){
    //Instrucciones
}