javascript - 単純な onclick イベントは一度だけ機能しました

Question

助けてください）なぜこの構造がうまくいかないのですか？増分は 1 回だけ発生します。

var player = document.getElementById("player");
var button = document.getElementById("button");

function moveDown(object) {
    object.style.top += 32;
}

button.onclick = function() {
    moveDown(player);
}

Answer 1

使用してみてください：

object.style.top = parseInt(object.style.top, 10) + 32;

それ以外の

object.style.top+=32;

(そして、プレイヤーがまたはpositionに設定されていることを確認してください)absoluterelative

Answer 2

デモ: http://jsfiddle.net/SrQUh/1/

var player = document.getElementById("player");
var button = document.getElementById("button");

function moveDown(object) {
  object.style.top = parseInt(object.style.top || 0) + 32 + 'px';
}

button.onclick = function() {
    moveDown(player);
}​