element.getBoundingClientRect() 方法返回一个DOMRect对象，包含元素的宽、高、以及相对于视口的位置信息。该方法适用于获取元素边框、margin等详细尺寸。当网页滚动时，rect对象的y坐标会随页面滚动而改变。
用法：
object.getBoundingClientRect( ) 返回一个对象。
DOMRect 对象包含了一组用于描述边框的只读属性——left、top、right和bottom，单位为像素。
- rect() 返回的 width 和 height 包括元素的边框。 rect ().width=width+border*2 , rect ().height=height+border*2
- 除了 width 和 height 外的属性都是相对于视口的左上角位置而言的。
例子说明
1. 用 document.documentElement 返回网页的根节点（<html>）
2. 执行 object.getBoundingClientRect( ) 会得到元素的 top、right、bottom、left、width、height 属性，这些属性以一个对象的方式返回。
<html>
<head>
<style>
:checked{
color:red}
</style>
&l
最低0.47元/天 解锁文章
385
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
