獲得絕對的高度和寬度

我有一個html元素，它有一些css被應用在它上飛行我想知道確切的高度和寬度後，需要一個新的CSS類應用。我試過offsetWidth和offsetHeight，但他們沒有包括元素的padding和margin屬性。獲得絕對的高度和寬度

如何在沒有實際計算的情況下得到確切的值？可以直接使用css屬性來完成嗎？

來源

2012-02-14 Varun

[根據MDN]（https://developer.mozilla.org/en/DOM/element.offsetHeight），'offsetHeight'屬性（和類似的寬度）意味着包括邊界，填充，垂直滾動條和實際渲染高度。也許你的問題應該是如何讓我的代碼正確/跨瀏覽器？ – lpd 2012-02-14 12:18:05

jQuery讓您輕鬆：http://api.jquery.com/outerWidth/

來源

2012-02-14 12:13:26 Tim

提供了一些代碼，否則有些人會低估這一點！只是一個提示;-) – 2012-02-14 12:14:58

如果我不想使用jQuery，如果我只需要獲取outerWidth，那麼不需要爲此調用jQuery庫。它將需要一個服務器之旅，以及一些規模的大小，而加載頁面 – Murtaza 2012-02-14 12:16:45

你是什麼意思的服務器之旅？ jquery是在javascript中編寫代碼的最佳方式，它可以在很多方面爲您提供幫助+1 – 2012-02-14 12:18:44

不，它不能在一個跨瀏覽器的方式來完成。問題是，你不想知道確切的高度和寬度元素本身，但空間它使用。這只是盒子模型的計算值。

要麼你需要自己計算它，要麼有一個JS框架爲你做：Dojo和jQuery都有它的實用功能。

來源

2012-02-14 12:15:39

獲得絕對的高度和寬度

回答

相關問題