单元格内容自动换行后，如何取得单元格的真正高度，或内容行数？

<table><tr>
<td width=80 onclick="alert(this.clientHeight)">看看这个已经换行的TD的高度</td>
</tr></table>

解决方案 »

  1.   

    我还写了一个用函数来显示其高度的：
    <table><tr>
    <td width=80 id=td1>看看这个已经换行的TD的高度</td>
    <td><input type=button value=click onclick="cc()"></td>
    </tr></table><script language=javascript>
    function cc(){
      alert(document.all.td1.clientHeight);
      }
    </script>
      

  2.   

    我还写了一个用函数来显示其高度的：
    <table><tr>
    <td width=80 id=td1>看看这个已经换行的TD的高度</td>
    <td><input type=button value=click onclick="cc()"></td>
    </tr></table><script language=javascript>
    function cc(){
      alert(document.all.td1.clientHeight);
      }
    </script>
      

  3.   

    <HTML>
    <HEAD>
    </HEAD>
    <BODY>
    <table border=1>
    <tr><td width=10 onclick="alert((this.scrollHeight - 2) /18 + '行')"><a href=#>看</a></td></tr>
    <tr><td width=10 onclick="alert((this.scrollHeight - 2) /18 + '行')"><a href=#>看看</td></tr>
    <tr><td width=10 onclick="alert((this.scrollHeight - 2) /18 + '行')"><a href=#>看看看</td></tr>
    <tr><td width=10 onclick="alert((this.scrollHeight - 2) /18 + '行')"><a href=#>看看看看看看</td></tr>
    </table>
    <br><br>
    注意 x-2/18的换算关系
    </BODY>
    </HTML>
      

  4.   

    <table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
       table=document.all.tags('table')
       alert('有'+table[0].children[0].children[0].children.length+'列,其中一列高度'+table[0].children[0].children[0].children[0].clientHeight)
       
    //-->
    </SCRIPT>
      

  5.   

    用clientWidth和clientHeight就可以获取客户端实际的高和宽了。