JavaScript代码：
脚本类型=文本/ JavaScript
functiongetDivTopLength（obj）{
Vardiv =文档。
getElementById（obj）;
vartopLength = div
getBoundingClientRect（）。
//从屏幕顶部开始的div（距离）
VarbottomLength = div
getBoundingClientRect（）。
低； ///距屏幕底部的div（距离）
varleftLength = div
getBoundingClientRect（）。
左； ///屏幕左侧的div（长度）
varrightLength = div
getBoundingClientRect（）。
在屏幕右侧// // div（长度）
reloadntopLength = + topLength +; bottomLength = + bottomLength +; leftLength = + leftLength +; rightLength = + rightLength;
文献资料
写入（getDivTopLength（divId））;
/脚本
输出：topLength = 80; bottomLength = 112; leftLength = 8; rightLength = 510
CSS将div的位置定义为相对（position：relative），因此div在网页上的位置不同，结果也不同。
在上一个示例中，div指定距屏幕顶部，底部，左侧和右侧的距离。jsgetDivTopLength方法将屏幕顶部，底部，左侧和右侧所需元素之间的距离定义为参数，因此，每次传递特定元素时，您都可以找到顶部和底部距离。只需从底部，左侧和右侧传递与getDivTopLength方法相对应的ID。