Приведу на примере мою проблему. У меня есть див, которому я присвоил margin-left: 5px. Когда я делаю проверку на то, что свойство стиля меньше, чем '115px', то эта проверка не проходит и перебрасывается на else. Хотя логично, что 5px < 115px. При проверке != всё работает корректно. В чём моя ошибка?
function moveObject(){
var objectVar = document.getElementsByClassName('block')[0];
var objectProperty = document.getElementsByClassName('block')[0].style.marginLeft;
var x = 1;
if(objectProperty < '115px')
{
objectVar.style.marginLeft=x+objectProperty;
}
else
{
objectVar.style.marginTop='50px';
}
}
.block{
width: 100px;
height: 100px;
background-color: #000;
margin: 5px;
border: 2px solid grey;
}
<div class="block" style="background-color: #000; margin-left: 5px;">
</div>
<button id="btn" onclick="moveObject();">
Начать
</button>