首页

好吧问答库 > 怎样用js实现每次点击按钮都使div向右移动50px

怎样用js实现每次点击按钮都使div向右移动50px

2024年11月30日 15:30

有4个网友回答

网友（1）：

HTML部分
//要移动的div(操作的对象)

//按钮来触发事件

原生js实现
var btn_click=document.getElementById("move"); //获取点击按钮
var box=document.querySelector(".test");//获取要移动的div
var a=0;
btn_click.onclick=function(){
a=a+50;
box.style.left=a+'px'; //每点击一次，向右移动50px
}

网友（2）：

var div = document.getElementById('divid');    //divid为目标的id
document.onclick = function(){
    var oleft = div.getBoundingClientRect().left;
    div.style.position = 'absolute';
    div.style.left = oleft + 50 + 'px';
}

网友（3）：

网友（4）：

动态设置div的样式距离右边的距离

相关问答

最新问答

从南通到张家口乘坐火车怎么走

腾讯出的各种游戏..大多数都是玩不需要钱,可是里面的却用钱来买,你们觉得值得吗?

找工作要注意什么，劳动合同和劳动协议的区别

工商银行房贷40万，等额本金还20年，第1个月还多少，最后一个月还多少？

苏宁金融零钱宝的各项收益是怎么计算的？

10年前看过的一个泰国还是印度的电影剧情跟人鬼情未了有点像，男主角为了救出车祸困在车里的小女孩死了

北疆暴雪、南疆干旱的原因措施?

遂宁到安康多少公里遂宁到西安有多少公里

好像八几年的时候有一部电视剧（应该是电视剧），男主角长了一副狮子的面孔，跑的很快，很厉害，谁能想起

请问有什么伤感的情歌可以让人听到流泪的，谢谢提供拜托了各位谢谢