怎样用javascript获取css在外面定义的高度?

L@_@K
<HTML>
<HEAD>  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT=""><style>
.sty{height:100px;}
</style><SCRIPT LANGUAGE="JavaScript">function getHeight()
{
// IE 7 下测试可用，FF 2 下无效
alert(document.getElementById("myMagic").currentStyle.height);
}
</SCRIPT></HEAD><BODY><DIV ALIGN="" class="sty" id="myMagic">aaa </DIV>
<INPUT TYPE="button" NAME="" value="show height" onclick="getHeight()">
</BODY>
</HTML>

解决方案 »

  1.   

    更正：还是offsetHeight更好些，嘿<HTML>
    <HEAD>  <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT=""><style>
    .sty{height:100px;}
    </style><SCRIPT LANGUAGE="JavaScript">function getHeight()
    {
    // IE 7 下测试可用，FF 2 下测试可用
    alert(document.getElementById("myMagic").offsetHeight);
    }</SCRIPT></HEAD><BODY><DIV ALIGN="" class="sty" id="myMagic">aaa </DIV>
    <INPUT TYPE="button" NAME="" value="show height" onclick="getHeight()">
    </BODY>
    </HTML>