Javascript if statement if (ball.style.left === '0px'

Javascript if statement if (ball.style.left === '0px') {

本文关键字:if 0px style statement ball Javascript left      更新时间:2024-06-27

我认为这个问题很简单,但我没有看到。我只想在点击"骰子"时将"球"向左移动132.5px,如果球向左移动0px。

我认为if语句是错误的!!有人能帮我吗

var ball = document.getElementById('ball');
var dice = document.getElementById('dice');
function move() {
  if (ball.style.left === '0px') {
    ball.style.left = 132.5 + 'px';
  }
}
dice.onclick = move;

这个问题真的很简单。我在用javascript编写一条蛇的代码时偶然发现了它。

当你想测试球的位置时,不要使用ball.style.left,而是使用ball.offsetLeft

在演示中,您会注意到ball.style.left不会返回任何内容,而offsetLeft会返回。仅当您想更改ball.style.left的位置时才使用它。

http://jsfiddle.net/Grimbode/3kphhcbu/

这是你应该做的。

if (ball.offsetLeft == 0) {
    ball.style.left = 132.5 + 'px';
  }

带有示例的新演示。

http://jsfiddle.net/Grimbode/3kphhcbu/1/