利用jquery获取元素“真实”的高度

最近在项目遇到一个坑,需要获取一个元素的实际的高度。

假设有一个元素 ele ,用jq 获取它的高度的方法,我相信大家都知道,$(ele).height();

但是这个方法获取到的元素的高度实际上不是元素的真实的高度,而是已经经过重新计算的值。

比如 ele 的实际高度是 10.13px; 用jq获取ele的高度后,得到值变成了10px。

要想获得ele的实际高度,我们可以用$(ele)[0].getBoundingClientRect().height

这样就能获取ele的实际高度了,同理也可以用来获取元素的实际宽度~ 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • attr("attrName") 获取属性的值 attr(属性名, 属性值): 设置属性的值 attr(属性名,函...
    再见理想冷雨夜阅读 2,773评论 0 1
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 4,191评论 0 0
  • 第1章 鼠标事件 1-1 jQuery鼠标事件之click与dbclick事件 用交互操作中,最简单直接的操作就是...
    mo默22阅读 5,055评论 0 6
  • Let's get start!
    蓝色的雪啦阅读 845评论 0 0