1

高さ 300 px の動的テーブルがあり、overflow-y: テーブルが垂直スクローラーを持つようにスクロールします。行が少ない場合は、テーブルとスクロールにスペースがないようにテーブルの高さを変更したいと考えています。

テーブルの高さを取得しようとしましたが、0 になります。トレースを調べると、要素に高さがあることがわかります。私は試した

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

しかし、どれも高さに有効な値を返しません。

ここに私の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>

Firefoxでdivの高さを取得するのを手伝ってもらえますか? 昔からずっと探してました..

前もって感謝します、
Pbale

4

2 に答える 2

1

簡単にするために次のように変更classします。id

<div id="tableScroll">

JS

document.getElementById('tableScroll').style.height;
于 2012-08-09T16:53:21.670 に答える
1

頻繁に使用jQueryすると、開発が大幅に簡素化されます。それを使用すると、次の方法で目標を達成できます。

$(#tableId).height();
于 2012-08-09T16:58:03.380 に答える