設置/獲取風格高度在JavaScript

Question

我嘗試

console.log(document.getElementById('content').style.height); 

打印什麼，只是在控制檯一個空行。

console.log(document.getElementById('content').clientHeight); 

打印高度。

document.getElementById('content').style.height = '50px'; 

沒有效果。我在最新的Chrome瀏覽器。我想能夠讀取和設置高度，但設置不起作用。我想用香草js。有任何想法嗎？

Answer 1

演示：http://jsfiddle.net/YTmNz/

JS：

function ChangeHeight(){ 
     var e1 = document.getElementById("content"); 
     e1.style.height = "400px"; 
    } 
setTimeout(ChangeHeight, 2000); 

可惜你不能與.style.height檢索高度，除非你之前已經設置該屬性。
您可以使用jQuery檢索.height()

Answer 2

這只是一個猜測，但取決於什麼元素content您可能還需要添加display:block;以允許給它一個高度。

Answer 3

嘗試使用

的document.getElementById（ '內容'）。的offsetHeight

的document.getElementById（ '內容'）。offsetWidth

它會給出元素的高度/寬度;