如何在循环中使用 "getElementById"？

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 class到#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"？

How to use "getElementById" inside a loop?

javascript

babylonjs