Question

我试图在循环中使用以下html DOM：

document.getElementById('someID').style.marginLeft = mov + "%";

我想这样做是为了在用户点击按钮时向div发送动作。 'mov'是可变的，但它不起作用。

我怎样才能实现它？

谢谢大家。

Answer 1

使用CSS

#someID {
    margin-left: 100px;
    transition: 1s ease-out;
}
#someID.moveit {
    margin-left: 500px;
    transition: 1s ease-out;
}

然后在点击发生时将.moveit课程添加到#someID。

Answer 2

var pos = 50;

setInterval(function(){
  document.getElementById("someID").style.left=pos+"%";
},200);

document.body.onclick=function(e){
  pos = e.pageX/10 // window.innerWidth;
}

#someID{
  position:absolute;
  top:10%;
  left:50%;
  background-color:red;
  width:50px;
  height:50px;
}

body{
  height:800px;  
}

<div id="someID">  </div>

有一个简单的例子。

希望它有所帮助。

如何在循环中使用“getElementById”？

2 个答案: