获取元素高度的正确方法(使用所有浏览器?）

Right way to get height of element in pixels (with all browsers?)

本文关键字：浏览器高度元素方法获取更新时间：2024-04-06

考虑到当前市场上仍然可用的所有当前和一些旧浏览器（如IE6+），包括移动设备浏览器，使用是安全的

$(e).height() + 'px'

或

$(e).css('height'))

以获得以像素为单位的元素CCD_ 2的CCD_？以上两种方法相同吗？还是我更喜欢使用其中一种？是否总是返回以像素为单位的大小，或者声称这一点不安全？

来源http://api.jquery.com/height/

.css（"height"）和.height（）的区别在于，后者返回一个无单位像素值（例如400），而前者返回一个单位不变的值（例如400px）。当数学计算中需要使用元素的高度时，建议使用.height（）方法。

然后，

请注意，.height（）将始终返回内容高度，而与CSS框大小属性的值无关。从jQuery 1.8开始，这可能需要检索CSS高度加框大小属性，然后在元素具有框大小时减去每个元素上的任何潜在边界和填充：border-box。为了避免这种惩罚，请使用.css（"height"）而不是.height（）.

因此，证据是矛盾的——看起来对特定用例的评估是有序的。

.css（"height"）和.height（）之间的区别在于后者返回无单位像素值（例如400），而前者返回一个单位不变的值（例如，400px）。这个当元素的高度需要用于数学计算。

如下所述：http://api.jquery.com/height/