22 Follow Along Link Highliter 中文指南
Element.getBoundingClientRect()
Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。
返回值是一个DOMRect
对象,这个对象是由该元素的方法返回的一组矩形的集合, 即:是与该元素相关的CSS边框集合。DOMRect
对象包含了一组用于描述边框的只读属性——left、top、right和bottom,单位为像素。除了 width 和 height 外的属性都是相对于视口的左上角位置而言的。
DOMRect相关属性:
1.生成绝对定位块元素
2.使用Element.getBoundingClientRect()方法
获得对应标签的位置信息