javascript 擷取元素位置的快速方法 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不支援。