简单的onclick事件只工作一次 [英] Simple onclick event worked only once

问题描述

请帮忙）为什么这个建筑不起作用？增加只发生一次。

Help please) Why this construction does not work? The increment happens only once.

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

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

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

推荐答案

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

这篇关于简单的onclick事件只工作一次的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！