<分区>
标签 javascript html css
<分区>
CSS:
<style>
#container {
width: 200px;
height: 200px;
background: green;
position: relative;
}
#box {
width: 50px;
height: 50px;
background: red;
position: absolute;
}
</style>
<div id="container">
<div id="box"> </div>
</div>
JavaScript:
var pos = 0;
var box = document.getElementById("box");
function move() {
pos += 1;
box.style.left = pos+"px"
}
如果我只使用 box.style.left = "150px"
红色框将在绿色框的右 Angular 但如果我使用 box.style.left = pos+ "50px"
同样的情况,我不知道为什么?我不明白为什么还要先声明变量 pos。
最佳答案
这是 pos = pos +1;
然后它被用于根据左边距设置 id 为 box 1 像素的 div 的样式,因此它会在页面上向右移动。
您需要某种与 HTML 标记中的按钮相关联的点击处理程序来调用 move 来使某些事情发生。
关于javascript - 这里的pos+=1有什么用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54736731/