用Javascript获取页面元素的具体位置

获取页面元素的具体位置，一般使用Javascript中的offsetLeft和offsetTop属性来实现。这两个属性分别表示该元素相对于其父元素的水平和垂直位置，单位为像素。

以下是实现该功能的具体攻略：

步骤一：获取元素

首先我们需要获取需要获取位置的元素，可以通过以下方式获取：

var element = document.getElementById('elementId');

其中elementId为需要获取元素的Id。

步骤二：获取位置

获取位置需要考虑到元素的层级关系。如果获取的元素是根元素或者与浏览器窗口同级的元素，则offsetLeft和offsetTop相对于浏览器窗口计算。如果元素是其它元素的子级，则offsetLeft和offsetTop相对于其父元素计算。

示例一：获取根元素的位置

下面的示例中，我们将获取根元素(html元素)的位置：

var html = document.getElementsByTagName('html')[0];
console.log(html.offsetLeft, html.offsetTop);

在该示例中，我们使用document.getElementsByTagName获取html元素，并且将其作为数组的第一个元素使用。

示例二：获取子元素相对于父元素的位置

下面的示例中，我们将获取一个子元素相对于父元素的位置：

var parent = document.getElementById('parentId');
var child = document.getElementById('childId');
console.log(child.offsetLeft - parent.offsetLeft, child.offsetTop - parent.offsetTop);

在该示例中，我们使用document.getElementById获取需要获取位置的子元素和其父元素，然后使用子元素的offsetLeft和offsetTop减去父元素的offsetLeft和offsetTop，就可以获得子元素相对于父元素的位置了。

通过以上两个步骤，我们就可以轻松获得任何元素的位置了。