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

2024-11-30 15:30:38

推荐回答（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的样式距离右边的距离