[JavaScript]擷取元素位置的快速方法getBoundingClientRect()

 擷取元素位置的快速方法--getBoundingClientRect()

      有一種快速獲得網頁元素的位置。

那就是使用getBoundingClientRect()方法。它返回一個對象，其中包含了left、right、top、bottom四個屬性，分別對應了該元素的左上方和右下角相對於瀏覽器視窗（viewport）左上方的距離。

所以，網頁元素的相對位置就是

　　var X= this.getBoundingClientRect().left;

　　var Y =this.getBoundingClientRect().top;

再加上滾動距離，就可以得到絕對位置

　　var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;

　　var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;

目前，IE、Firefox 3.0+、Opera 9.5+都支援該方法，而Firefox 2.x、Safari、Chrome、Konqueror不支援。