~~~ <script> // 獲取一個元素距離頂部的高度 /* $(element).offset().top */ // $(()=>{ // var top = $("#child").offset().top; // console.log(top); // }) /* offsetParent,offsetTop */ /* 只要父元素不為null,top值累加 當代top+parent.offsetTop */ window.onload = function () { function getTop(element) { var realTop = element.offsetTop; var parent = element.offsetParent; while (parent !== null) { realTop += parent.offsetTop; parent = parent.offsetParent; } return realTop; } var child = document.getElementById("child"); var top = getTop(child); console.log(top); } </script> ~~~