var X = $ (' #DivID '). Offset (). Top;
var Y = $ (' #DivID '). Offset (). Left;
Get relative (parent element) Location:
var X = $ (' #DivID '). Position (). Top;
var Y = $ (' #DivID '). Position (). Left;
Copy Code code as follows:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>java test</title>
<style type= "Text/css" >
<!--
body,div {margin:0; padding:0;}
-->
</style>
<script type= "Text/javascript" src= "Js/jquery.js" ></script>
<body>
<div style= "background: #ccc; height:300px;" Onclick= "" ></div>
<div style= "position:relative;" >
<div style= "position:absolute;left:50px; top:50px "id=" divID "></div>
</div>
<script type= "Text/javascript" >
var X = $ (' #DivID '). Offset (). Top;
var Y = $ (' #DivID '). Offset (). Left;
document.write (x+ "<br/>");
document.write (y+ "<br/>");
Get relative (parent element) Location:
var C = $ (' #DivID '). Position (). Top;
var D = $ (' #DivID '). Position (). Left;
document.write (c+ "<br/>");
document.write (D);
</script>
</body>