Question

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

Jquery：看看我的例子：http://jsfiddle.net/AwkF5/1/

var w = $("#wrapper"); //The element dimensions to calculate
$("#displayW").text( "outerWidth:" + w.outerWidth()+ " , outerWidth(true):" + w.outerWidth(true) ); // Displaying the width in the #displayW div
$("#displayH").text( "outerHeight:" + w.outerHeight()+ " , outerHeight(true):" + w.outerHeight(true) ); // Displaying the height in the #displayH div

现在这是计算元素的宽度/高度（包括内容，填充和边框）和TRUE宽度/高度（包括内容，填充，边框和边距）的最准确方法吗？

简单的javascript方法是什么？

我问，因为我想为div制作背景图片，我想知道它应该是多大的尺寸......请注意，不同浏览器的宽度和高度各不相同......显然

谢谢

Answer 1

这应该适合你：

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

高度相同的方法。

确定元素的宽度和高度：正确和正常

1 个答案: