怎樣知道一個TD在BODY中的top,left,width,height

順便問一下:offsetParent是什么屬性

解决方案 »

  1.   

    给你一个例子：
    <HTML>
    <HEAD>
      <TITLE>Elements: Positions</TITLE>
      <SCRIPT LANGUAGE="JScript">  function showPosition()
      {
        var oElement = document.all.oCell;
        
        alert("The TD element is at (" + oElement.offsetLeft + 
              "," + oElement.offsetTop + ")\n" + "The offset parent is " 
              + oElement.offsetParent.tagName );
      }
      </SCRIPT>
    </HEAD>
    <BODY onload="showPosition()">
    <P>This document contains a right-aligned table.
    <TABLE BORDER=1 ALIGN=right>
      <TR>
        <TD ID=oCell>This is a small table.</TD>
      </TR>
    </TABLE>
    </BODY>
    </HTML>
      

  2.   

    <table><tr><td id=td1>td</td></tr></table>width:  document.all.td1.clientWidth
    height: document.all.td1.clientHeight
    top and left:
    <script language="Javascript">
    function getIE(e){
      var t=e.offsetTop;
      var l=e.offsetLeft;
      while(e=e.offsetParent){
        t+=e.offsetTop;
        l+=e.offsetLeft;
        }
      alert("top="+t+"\nleft="+l);
      }
    getIE(document.all.td1);
    </script>