单击后如何获取元素的位置？

Question

我已HTML element(span)更改了它的位置。当我点击HTML element(span)时，我需要获取HTML element(span)'s位置。

这是html：

<span class="btnFlyout" id="btn4" style="width: 52px; cursor: pointer; border: 1px solid rgb(240, 240, 240);" 
                                                                        onmouseover="HoverButton('btn4', null)" 
                                                                        onmouseout="LeaveButton('btn4', '')" 
                                                                        onclick="OpenFlyout('cell4', 4, event)">
  <span class="txtFlyout" style="left: 4px;"> measure </span>
    <img class="arrowFlyout" src="../stdicons/icon_menuarrow.gif" style="left: 32px;" width="16px" height="16px" hspace="2" vspace="2">
  </span>

这是onclick事件：

  function OpenFlyout(xpos, tbItemIndex, e)
  {

  }

如何在OpenFlyout函数中获取HTML元素（span）位置？