js的getBoundingClientRect()

原创于 2019-07-09 17:22:41 发布 · 161 阅读

CC 4.0 BY-SA版权

文章标签：

25 篇文章

订阅专栏

博客介绍了getBoundingClientRect()方法，该方法可用于获取元素位置且无参数。同时说明了通过该方法得到的rectObject对象的属性含义，如top、right、bottom、left表示元素与视窗的距离，width表示元素自身宽度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getBoundingClientRect()：获取元素位置，该方法没有参数。

<div id="box"></div>

var object=document.getElementById('box');

Var rectObject = object.getBoundingClientRect();

rectObject.top：元素上边到视窗上边的距离;

rectObject.right：元素右边到视窗右边的距离;

rectObject.bottom：元素下边到视窗上边的距离;

rectObject.left：元素左边到视窗左边的距离;

rectObject.width：是元素自身的宽