简单的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）