javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 20:45:48
javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧
javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧:它返回一個對象，其中包含了left、right、top、bottom四個屬性，分別對應了該元素的左上角和右下角相對于瀏覽器窗口（viewport）左上角的距離。 所以，網頁元素的相對位置就是 var X= this.getBoundingClientRect().left; var Y
導讀javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧:它返回一個對象，其中包含了left、right、top、bottom四個屬性，分別對應了該元素的左上角和右下角相對于瀏覽器窗口（viewport）左上角的距離。 所以，網頁元素的相對位置就是 var X= this.getBoundingClientRect().left; var Y
它返回一個對象，其中包含了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不支持。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧
javascript獲取元素位置的快速方法getBoundingClientRect()_javascript技巧:它返回一個對象，其中包含了left、right、top、bottom四個屬性，分別對應了該元素的左上角和右下角相對于瀏覽器窗口（viewport）左上角的距離。 所以，網頁元素的相對位置就是 var X= this.getBoundingClientRect().left; var Y
