Заявление о высоте JavaScript

Question

Это не работает, и я не могу понять, где я ошибся:

<style>
* {
margin: 0px
}  

div {
    height: 250px;
    width: 630px;
    overflow: hidden;
    vertical-align: top;
    position: relative;
}
  iframe {
    position: absolute;
    left: -50px;
    top: -130px;
  }
</style>
<script>
window.onload = function() {
   document.getElementsByTagName('body')[0].onkeyup = function(e) { 
      var div = document.getElementById('capture');
      if(e.keyCode == 70) {
         if(div.style.height == 250){
             alert("Yes");
         }
         else {alert("no");}
      }
   }
};
</script>

++++++++++++++ EDIT +++++++++++++

Ok, ну, это прекрасно работает:

         if(div.style.height < '260px'){
             alert("Yes!");
             div.style.height = '475px';
             pan.style.top = '-25';
         }
         else if(div.style.height > '260px') {
            alert("no");
            div.style.height = '250px';
            pan.style.top = '-130';
         }

Но это не так:

     if(div.style.height = '250px'){
         alert("Yes!");
         div.style.height = '475px';
         pan.style.top = '-25';
     }
     else if(div.style.height = '475px') {
        alert("no");
        div.style.height = '250px';
        pan.style.top = '-130';
     }

Что дает?!?

Answer 1

div.style.height возвращает "250px" String вместо 250 Number, поэтому ваше if(div.style.height == 250){ условие не выполнено.

Answer 2

Используйте parseInt для преобразования значения в число:

var divHeight = parseInt(div.style.height, 10);
if(divHeight === 250) {
    alert("Yes!");
    div.style.height = "475px";
    pan.style.top = "-25px";
}
else if (divHeight === 475) {
    alert("no");
    div.style.height = "250px";
    pan.style.top = "-130px";
}

Answer 3

Я решил сменить его на номер 1-3, который работал для меня без проблем.