如何获取页面上元素的宽度和高度？

Question

借助可爱的jQuery？

Answer 1

jQuery有两种方法，即width和height，可以做到这一点：

$(".myElement").width();
$(".myElement").height();

您还可以使用它们来设置值：

$(".myElement").width(200); // set element to 200px

可以在文档中找到更多信息： http : //api.jquery.com/width/和http://api.jquery.com/height/

请注意其他可用的尺寸标注方法 ：

• $.innerHeight() - 获取匹配元素集合中第一个元素的当前计算高度，包括填充，但不包括边框。
• $.innerWidth() - 获取匹配元素集中第一个元素的当前计算宽度，包括填充，但不包括边框。
• $.outerHeight() - 获取匹配元素集中第一个元素的当前计算高度，包括填充和边框。
• $.outerWidth() - 获取匹配元素集合中第一个元素的当前计算宽度，包括填充和边框。

Answer 2

使用height(...)和width(...)方法：

alert($(body).height());
alert($(body).width());

Answer 3

你永远不会猜到...

var width = $(selector).width();
var height = $(selector).height();

Answer 4

在各种有用的情况下， Mac Firefox / Mozilla上的width值通常是错误的 。

-错误的意思是，如果您将封闭的div设置为所报告的子文本的“宽度”，则会得到换行。

问题在于，在Mac Firefox / Mozilla上，Firefox使用亚像素字体渲染。 返回的宽度是地板，而不是真正宽度的天花板，即浮动。

我的错误报告提供了针对Firefox的解决方法，或者总是将宽度添加1px，这样您就可以了。