使用javascript在Firefox中检索表的高度

Question

我有一个高度为300px和overflow-y: scroll的动态表，这样表将有一个垂直滚动条。如果有更少的行，我想改变表格的高度，这样表格和滚动中就没有空间了。

我试图检索表格的高度，但结果是0。当我查看轨迹时，我可以看到元素有高度。我试过了

document.getElementById("myDiv").style.height  
document.getElementById("myDiv").offsetHeight  
document.getElementById("myDiv").clientHeight

但是它们都没有向height返回有效的值。

这是我的Css：

.tableSroll {    
    overflow: auto;    
}  
.myDiv {  
    display: block;  
    width: 900px;  
    height: 300px;  
    overflow:auto;  
    overflow-y: scroll;  
}  

.ai-table-list-items {  
    pading: 50px;  
    width: 100%;  
}  

这是我的HTML：

<div class="tableScroll">

    <div class= "myDiv" id= "myDiv" >  

         <table class="ai-table-list-items">.....</table>  

    </div>  

</div>   

有人能帮我找回火狐中div的高度吗？我已经找了很长时间了。

提前谢谢你，

Pbale

Answer 1

为简单起见，将class更改为id：

<div id="tableScroll">

JS

document.getElementById('tableScroll').style.height;

Answer 2

使用jQuery通常可以极大地简化开发。使用它，您可以通过以下方式实现您的目标：

$(#tableId).height();