原生JS获取页面中DIV绝对位置的方法

在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。
页面结构

样式

getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top, right, bottom, left等属性。

offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。
借用这个思路，当我们想获取元素的绝对位置时，可以递归遍历，直到元素的父元素为body为止。

关于offsetParent属性，有以下几点Tips。

以上就是关于原生JS获取页面中DIV绝对位置的方法全部的内容，包括:原生JS获取页面中DIV绝对位置的方法、、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！