我正在尝试移动图像的边缘,但是将其更改为300 px后,它不再向上移动了。
我尝试增加底边距,但是没有用。 这是我的代码:
var img = document.getElementsByTagName('IMG')[0];
function eat() {
alert('I am going to eat now. Burgers are DELICIOUS');
img.style.padding = "5px";
img.style.backgroundColor = "blue";
}
function movetomouth1() {
img.style.marginLeft = "-10px";
img.style.marginBottom = "300px";
}
<img src="burger.jpg" onclick="movetomouth1();">
如果您认为我还不够,请询问更多代码。
我希望它比当前位置更靠近页面。
答案 0 :(得分:0)
边距不能使用,请使用上/左,并且不要忘记使用position = relative。
var img = document.getElementsByTagName('IMG')[0];
function movetomouth1() {
img.style.left = "-10px";
img.style.top = "-10px";
}
img {
position: relative;
width : 100px;
height: 100px;
}
<img src="burger.jpg" onclick="movetomouth1();" />