养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

javascript,js怎样设置,获取div元素left和top

时间:2024-10-06 10:41:22

在html中有时候要修改元素的位置就要得到left和top值,今天小编就来分析一下蔡龇呶挞关于js设置,修改,获取left和top的经验。

工具/原料

电脑

Hbuilder

方法/步骤

1、如下图所示,建立一个html结构,有div和button。

javascript,js怎样设置,获取div元素left和top

2、然后把div的position设置为absolute,并且给定left和top。

javascript,js怎样设置,获取div元素left和top

3、然后获取到div对象,待会我们设置,获取left就要用到这个对象。

javascript,js怎样设置,获取div元素left和top

4、定义函数,用来弹窗显示left和top的值,具体可以自己修改哦。

javascript,js怎样设置,获取div元素left和top

5、再定义一个函数,用于修改left和top,我就简单的修改。

javascript,js怎样设置,获取div元素left和top

6、最后绑定函数,不然点击按钮没出现效果就很尴尬了。

javascript,js怎样设置,获取div元素left和top

7、点击顶部的获取按钮看看left和top值。

javascript,js怎样设置,获取div元素left和top

8、如图,这就是弹窗显示的top和left值。

javascript,js怎样设置,获取div元素left和top

9、点击设置按钮就设置了left和top值,这时候就发现div变得比较远了。

javascript,js怎样设置,获取div元素left和top

© 一点知识