簡單的onclick事件只能工作一次

Question

請幫忙）爲什麼這種結構不起作用？增量只發生一次。

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

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

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

Answer 1

演示：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); 
}​ 

Answer 2

嘗試使用：

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

代替

object.style.top+=32;

（並確保玩家的position設置爲absolute或relative）