Javascript樣式問題

Question

我正在使用javascript來顯示當前div的高度。

這是影響區域

//css 
.test 
{ 
height:1px; 
} 

#test1 
{ 
margin:1px; 
} 

//html 
<div id="test1" class="test"></div> 

//javascript 
var a = document.getElementById('test1'); 

a.style.height //how I access the style 

螢火蟲說的風格的長度爲0和高度爲空的一個例子。 我如何獲得正確的身高？

Answer 1

您需要查看計算的樣式，而不是指定的樣式。請參閱Quirks mode's getstyle回答問題的頁面

有時您會想要查看默認文檔視圖的樣式。例如，您給出的段落寬度爲50％，但您如何看到用戶瀏覽器中有多少像素？

，並解釋瞭如何獲得和使用getstyle功能，但它更容易使用像jQuery提供了一個簡單的css函數庫。

Answer 2

div高度取決於它的孩子。如果它是空的，它將是0.

你必須得到高度的代碼是正確的，順便說一句。

Answer 3

檢查出getComputedStyle方法。它應該做你正在尋找的東西。有點蹩腳，真的，我希望這在DOM中處理得更好。

Answer 4

嘗試a.offsetHeight代替a.style.height

jsfiddle demo