Javascript 简单onclick事件只工作一次

请帮忙）为什么这个结构不起作用？增量只发生一次

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

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

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

尝试使用：

object.style.top=parseInt（object.style.top，10）+32

而不是

object.style.top+=32

（并确保玩家的
位置
设置为
绝对
或
相对
）
演示：

求你了，我没工作函数moveDown（object）{object.style.top=parseInt（object.style.top，10）+32；console.log（parseInt（object.style.top，10））；}`将其更改为object.style.top=parseInt（object.style.top | 0，10）+32；
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);
}​