1.打開網頁開發者模式,選擇“Console”,如下圖:
2.在“Console”中輸入 'document.getElementById('元素ID').getBoundingClientRect()'后,回車,效果如下圖:
注意:如果遇到“VM375:1 Uncaught TypeError: document.getElementsByClassName(...).getBoundingClientRect is not a function”這樣的錯誤,可在獲取元素時添加索引,即‘document.getElementById('元素ID')[0].getBoundingClientRect()’。該方法獲取的坐標為當前頁面大小的坐標!!!
本博客為記錄本人遇到問題時所找到的解決方案,如有侵權請聯系添加來源或刪除文章,謝謝。