JS取高度

<table id="GridView1">
    <tr>
       <td>M</td>
    </tr>
    <tr>
       <td>PO</td>
    </tr>
</table>
用JS能取得 GridView1的高度嗎？
是不是不指定它的Height屬性就取不到啊？？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

可以取到，把所有tr的clientHeight相加
我知道用Jquery可以：
$("#GridView1").height()可以获取到
var height =
document.getElementById("GridView1").offsetHeight
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
</head> <body>
  <table id="GridView1">
  <tr>
  <td>M</td>
  </tr>
  <tr>
  <td>PO</td>
  </tr>
</table><script>
var tb=document.getElementById('GridView1');
alert(tb.style.height);
alert(tb.offsetHeight);
alert(tb.clientHeight);//未指定 border 时  offsetHeight = clientHeight
//指定 border 时   offsetHeight > clientHeight// offsetHeight = clientHeight + border
// clientHeight = content + padding
</script>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="top.aspx.cs" Inherits="WebUI.top" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>    <script src="js/lib/jquery-1.4.2.js" type="text/javascript"></script>
    <script>
        $(document).ready(function() {
            var str = $('#GridView1').height();
            alert(str);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="GridView1">
            <tr>
                <td>
                    M
                </td>
            </tr>
            <tr>
                <td>
                    PO
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
<table id="z" style="background:#000;border:1px solid #ccc;">
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </table>
    <script type="text/javascript">
        var s = document.getElementById("z");
        alert(s.offsetHeight);
        alert(s.clientHeight)
    </script>