获得绝对的高度和宽度

我有一个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

获得绝对的高度和宽度

回答

相关问题