在javascript中檢索Firefox中表格的高度

我有一個高度爲300px和overflow-y：scroll的動態表格，這樣表格將具有垂直滾動條。如果行數較少，我想更改表格的高度，以便表格和滾動中不會有空格。在javascript中檢索Firefox中表格的高度

我試圖檢索表的高度，但它來作爲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

來源

2012-08-09 user1588142

你可以使用jQuery或它必須是香草JavaScript？ jQuery的'.height（）'函數可能會有用。 – 2012-08-09 16:47:41

適合我 - http://jsfiddle.net/MQcrR/ – 2012-08-09 16:52:16

這不是你的主要問題，但是你錯誤地輸入了'padding' – andrewmu 2012-08-09 16:55:43

變化class到id爲了簡單：

<div id="tableScroll">

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

來源

2012-08-09 16:53:21 wanovak

使用jQuery往往大大簡化了開發。使用它，你可以達到你的目標：

$(#tableId).height();

來源

2012-08-09 16:58:03

我無法使用JQuery。它必須在Javascript中。 – user1588142 2012-08-09 17:10:13

@ user1588142然後wanovak的回答應該適合你。 :) – 2012-08-09 17:10:56

在javascript中檢索Firefox中表格的高度

回答

相關問題