如何获取与主体相关的DOM元素(也是嵌套)的位置?

时间:2012-01-28 22:56:13

标签: javascript jquery html dom position

我有body元素和HTML。
如何获得与body相关的inner3元素左侧位置?

<body>
   <div>
       <h2 id='inner3'>some text</h2>
   </div>
</body>

显然,在Java脚本中,最好是在jQuery中

2 个答案:

答案 0 :(得分:1)

描述

您可以使用jQuery的inner3.position()方法获取.offset()元素的位置。

  

jQuery.position()获取相对于偏移父元素的匹配元素集中第一个元素的当前坐标。

     

jQuery.offset()获取相对于文档的匹配元素集中第一个元素的当前坐标

示例

$("#inner3").position().left

$("#inner3").offset().left

更多信息

答案 1 :(得分:-1)

HTML:

<body>
   <div>
       <h2 id='inner3'>some text</h2>
       <span id='result'>tmp</span>
   </div>
</body>

css:

h2 {
    margin-left: 300px
}

的javascript:

  

$( '#结果')。HTML($( '#inner3')。偏移()。左)

     

$('#inner3')。offset()。left //这会返回左侧位置!

link:http://jsfiddle.net/A5kQy/