我试图用Java脚本动画div像它应该移动到右侧10px,但它不工作。我很乐意把我的错误公诸于世。
null
var a = 0;
setInterval(Anim, 1000)
function Anim() {
a = a + 10;
var target = document.getElementById("test")
target.style.marginleft = a + 'px';
}
#test {
width: 250px;
height: 150px;
background: red;
}
<div id="test"></div>
null
您的target.style.MarginLeft
应该是target.style.MarginLeft
(大写L
)。在javascript中操作的样式使用camelcase。
null
var a=0;
setInterval(Anim,1000)
function Anim(){
a = a + 10;
var target = document.getElementById("test")
target.style.marginLeft = a + 'px';
}
#test{
width:250px;
height:150px;
background:red;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=">
<title></title>
</head>
<body>
<div id="test"></div>
</body>
</html>