用js——如何获取元素的位置?_js获取元素的方法有哪些

在做前端项目时，切图的时候，由于边边距距特别多，需要计算有相当麻烦，但我们又不要那么弄清每个元素的位置。这时候，我们可以获取某个元素在页面的位置，去比较精准的调整此元素位置。

在用js获取元素的位置之前，我的明白，元素在页面的位置的计算公式，如下：

元素在页面的位置=此元素相对浏览器视窗的位置+浏览器滚动条的值

首先用getBoundingClientRect()方法来获得某个元素相对浏览器视窗的位置 ｛这个方法返回的是一个对象，即Object，该对象具有4个属性：top，left，right，bottom ｝。我们直接用一个代码事例来说明怎么用，如下：