1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div id="testID" style="200px;height:200px; background:#000;"></div> 9 <script> 10 var testID = document.getElementById("testID"); 11 function getXY(obj) { 12 var x = 0, 13 y = 0; 14 if (obj.getBoundingClientRect) { 15 var box = obj.getBoundingClientRect(); 16 var D = document.documentElement; 17 x = box.left + Math.max(D.scrollLeft, document.body.scrollLeft) - D.clientLeft; 18 y = box.top + Math.max(D.scrollTop, document.body.scrollTop) - D.clientTop; 19 } else { 20 for (; obj != document.body; x += obj.offsetLeft, y += obj.offsetTop, obj = obj.offsetParent) {} 21 } 22 return { 23 x: x, 24 y: y 25 }; 26 } 27 console.log(getXY(testID)); 28 </script> 29 </body> 30 </html>