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

Question

我认为这个问题真的很简单，但我没有看到它。我只想在单击“骰子”时将“球”向左移动 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;

Answer 1

问题其实很简单。我在用 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/