title: How to get location of the element after it was clicked?
body: <p>I have <code>HTML element(span)</code> the changes it's location.When I click <code>HTML element(span)</code> I need to get the <code>HTML element(span)'s</code> location.</p>
  
  <p>Here is html:</p>
  
  <pre><code>&lt;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)"&gt;
    &lt;span class="txtFlyout" style="left: 4px;"&gt; measure &lt;/span&gt;
      &lt;img class="arrowFlyout" src="../stdicons/icon_menuarrow.gif" style="left: 32px;" width="16px" height="16px" hspace="2" vspace="2"&gt;
    &lt;/span&gt;
  </code></pre>
  
  <p>Here is onclick event:</p>
  
  <pre><code>  function OpenFlyout(xpos, tbItemIndex, e)
    {
  
    }
  </code></pre>
  
  <p>How can I get HTML element(span) location in OpenFlyout function?</p>