Javascript 确定元素的宽度和高度：True和normal

我想知道使用Jquery/Javascript（或任何其他更精确的方法）计算元素的宽度和高度的最佳方法是什么。目前，我正在使用以下Jquery方法：

Jquery：参见我的示例：

这是计算元素的宽度/高度（包括内容、填充和边框）和真实宽度/高度（包括内容、填充、边框和边距）的最准确方法吗

什么是纯javascript方法

我这样问是因为我想为div制作一个背景图像，我想知道它应该是什么大小…注意不同浏览器的宽度和高度不同…很明显

多谢各位

---

​

这应该适合您：

var realWidth = $("#yourBlockId").outerWidth();
realWidth += parseInt($("#yourBlockId").css("margin-left"), 10);
realWidth += parseInt($("#yourBlockId").css("margin-right"), 10);

---

高度的方法也一样。

可能重复感谢您的回答，但此方法与我的方法有何不同？是否更好/更准确？基本上，编写函数getRealWidth（）和getRealHeight（）更好并使用它们，而不是每次都重复相同的代码块。但这很明显。谢谢，谢谢。realWidth语句末尾的10是干什么的？还有，你是否像我一样在高度上重复该代码？@DextrousDave该数字表示要使用的数字系统。你可以看看parseInt（）此处的功能：如何显示值？

var realWidth = $("#yourBlockId").outerWidth();
realWidth += parseInt($("#yourBlockId").css("margin-left"), 10);
realWidth += parseInt($("#yourBlockId").css("margin-right"), 10);