js 得到div在浏览器的分布位置

最新推荐文章于 2023-02-01 16:34:48 发布

原创最新推荐文章于 2023-02-01 16:34:48 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript来获取HTML元素在浏览器视窗中的位置（左、顶部偏移）及该元素的宽度和高度的方法。通过document.getElementById()获取指定ID的元素后，利用offsetLeft, offsetTop, offsetWidth和offsetHeight属性可以精确地得到元素的位置和大小。

function div(){
	var obj = document.getElementById('div');
        //dev距离浏览器左边的距离
	var left = obj.offsetLeft;
        //dev的宽
        var width =  obj.offsetWidth;
	//dev距离浏览器顶部的距离
	var top = obj.offsetTop;
        //dev的高
	var height = obj.offsetHeight;
}