上面有一个按钮下面有一输入框input name:aa,如何得到一个按钮到input的距离?

<html>
  <body>
  <input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
  <script>
   function calDis(oLeft,oRight)
   {
   return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetWidth);
   }
   function relativeL(oElement)
   {
   var ndis = 0;
   while(oElement.tagName != "BODY")
   {
   ndis += oElement.offsetLeft;
   oElement = oElement.offsetParent;
   }
   return ndis;
   }
  </script>
 <input id='lefte' type=button value='button'>   <input id='righte' type=text>
  </body>
</html>
is ok?

解决方案 »

  1.   

    <html>
      <body>
      <input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
      <script>
       function calDis(oLeft,oRight)
       {
       return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetWidth);
       }
       function relativeL(oElement)
       {
       var ndis = 0;
       while(oElement.tagName != "BODY")
       {
       ndis += oElement.offsetLeft;
       oElement = oElement.offsetParent;
       }
       return ndis;
       }
      </script>
     <input id='lefte' type=button value='button'> <br><br><br><br><br><br><br><br>  <input id='righte' type=text>
      </body>
    </html>
    不是
      

  2.   

    <html>
      <body>
      <input type=button value='distance' onclick="alert('distance:' + calDis(lefte,righte))">
      <script>
       function calDis(oLeft,oRight)
       {
       return (relativeL(oRight) - relativeL(oLeft) - oLeft.offsetTop);
       }
       function relativeL(oElement)
       {
       var ndis = 0;
       while(oElement.tagName != "BODY")
       {
       ndis += oElement.offsetTop;
       oElement = oElement.offsetParent;
       }
       return ndis;
       }
      </script>
     <input id='lefte' type=button value='button'> <br><br><br><br><br><br><br><br>  <input id='righte' type=text>
      </body>
    </html>
      

  3.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <form name=myform>
    <br><br><br>
    <input type=button onclick=count() value=button name=bt>
    <br><br><br>
    <input type=text name=text>
    </form>
    <script language=javascript>
    function count()
    {
    alert(document.myform.text.offsetTop-document.myform.bt.offsetTop)
    }
    </script></BODY>
    </HTML>