~~~ <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> ~~~