为什么这个逻辑运算符不起作用？

Question

我使用代码

setInterval(function() {
  if (document.querySelector("#shrimpCook01").style.top > "400px") {
    alert("789")
  }
}, 200);

检查虾米饭01的位置，但是即使div的最高值小于400px，我仍收到警报消息。

Answer 1

您可以轻松地转换字符串值。

setInterval(function() {
  const height = document.querySelector("#shrimpCook01").style.top.split('px')[0];
  if (Number(height) > 400) {
    alert("789")
  }
}, 200);

Answer 2

它将进行字符串的字典比较。 使用parseInt将值转换为数字，然后将其与400数字而不是“ 400px”字符串进行比较。