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

 时间:2024-10-06 08:21:59

在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

如何使用iframe代码调用网页中的某个一部分 Visual Studio2013怎么设置启用HTML设计器 jquery获取form表单数据的方法 C#如何通过Image和Random类随机闪动图像 jquery中:nth-child选择器如何使用
热门搜索
宫崎骏电影 电影上映 神马电影dy888午夜我不卡 美女被虐图片 迷你车图片