方法一：使用jquery $("#id").height();
方法二：使用dom
document.getelementbyid("id").style.height
(需要這樣設定才能獲取到高度，)
document.getelementbyid("id").
offsetheight
document.getelementbyid("id").clientheight
方法三：window.getcomputedstyle(document.getelementbyid("id")).height;
(具體內容參考：
getcomputedstyle是乙個可以獲取當前元素所有最終使用的css屬性值。返回的是乙個css樣式宣告物件([object cssstyledeclaration])，唯讀。
語法如下：
var style = window.getcomputedstyle("元素", "偽類");
例如：var dom = document.getelementbyid("test"),
var style = window.getcomputedstyle(dom , ":after");
就兩個引數，大家都懂中文的，沒什麼好說的。只是額外提示下：gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) 之前，第二個引數「偽類」是必需的（如果不是偽類，設定為null），不過現在嘛，不是必需引數了。
js獲取元素的高度
包括元素的滾動條,不包括邊框，值為string，帶單位px 使用style.height最坑的就是height必須使用行內樣式，使用內聯式和外嵌式是不行的 height在標籤中設定，使用style.height是獲取不到值的 lang en charset utf 8 titletitle div ...
js獲取元素滾動高度，body高度
獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件body的高度 document.body hei...
原生JS獲取dom元素高度
clientheight,scrollwidth,offsetwidth的區別 用body 測試 網頁實際寬 document.body.clientwidth 網頁實際高 document.body.clientheight 網頁實際寬 document.body.offsetwidth 包括邊線...