我已经写了这个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>
答案 0 :(得分:4)
观看报价。改为:
<button type="button" onclick='document.getElementById("img").style.top="0%";' style="position:absolute; top:90%; left:87%">UP</button>