onclick不适用于按钮

时间:2015-12-14 13:59:53

标签: html

我已经写了这个HTML代码来移动图像和单击相应按钮时向下,但单击按钮后图像没有移动,我无法使用javascript,所以有没有使用javascript的解决方案?

<!DOCTYPE html>
<html>

    <head>
        <title>Move Image</title>
    </head>

    <body>
        <img id="img" style="position:absolute; top:0%; left:0%" src="plane.png" width="300" height="100">
        <button type="button" onclick="document.getElementById("img").style.top="0%";" style="position:absolute; top:90%; left:87%">UP</button>
        <button type="button" onclick="document.getElementById("img").style.top="75%";" style="position:absolute; top:90%; left:90%">DOWN</button>
    </body>

</html>

1 个答案:

答案 0 :(得分:4)

观看报价。改为:

<button type="button" onclick='document.getElementById("img").style.top="0%";' style="position:absolute; top:90%; left:87%">UP</button>