前端原生js点击按钮向右移动div
前端原生js点击按钮向右移动div
·
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
#box {
width: 100px;
height: 100px;
background-color: rgb(26, 115, 199);
/* position: relative; */ /*这里必须要加个相对定位下面才可以移动方法111*/
}
</style>
<body>
<div>
<div id="box"></div>
<button onclick="get()" style="margin-top: 10px;">点击</button>
</div>
</body>
<script>
var n = 0;
function get() {
var box = document.getElementById('box');
n += 100
// box.style.left = n + 'px' // 若想起作用,必须要给上面box加个相对定位,这样才可以移动方法111
box.style.marginLeft = n + 'px'// 方法222
}
</script>
</html>
效果
最后
感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
2
0- 0
已为社区贡献10条内容
所有评论(0)