当前位置:Gxlcms > JavaScript > js实现获取div坐标的方法_javascript技巧

js实现获取div坐标的方法_javascript技巧

时间:2021-07-01 10:21:17 帮助过:21人阅读

本文实例讲述了js实现获取div坐标的方法。分享给大家供大家参考,具体如下:

html中最常使用的控件就是div了,那么如何获取div的坐标呢?

如下方法可以实现:

com.whuang.hsj.divCoordinate()方法介绍

功能:返回div坐标;
参数:div对象或div的id(字符串);

返回值:对象,有六个属性:

width:div自身的宽度;
height:div自身的高度;
x:div左上角的坐标x;
y:div左上角的坐标y;
scrollLeft:水平滚动条的位置
scrollTop:竖直滚动条的位置

测试页面:

运行结果:

希望本文所述对大家JavaScript程序设计有所帮助。

人气教程排行