javascript - jquery怎么获取一个高度单位为rem的元素的真实高度?
ringa_lee
ringa_lee 2017-04-11 12:46:33
[JavaScript讨论组]

如题,代码如下:

html:
    

文字

css: p{ height:1.2rem; margin-top:.38rem; }

怎么计算这个p标签的高度(包括margin值)

ringa_lee
ringa_lee

ringa_lee

全部回复(4)
PHPz
var p = $('p');
var totalHeight = p.height() + parseInt(p.css('margin-top')) + parseInt(p.css('margin-bottom'));

获取到的是height、margin-top和margin-botton三者的算术和,类型为number,如果需要经常计算三者之和,建议将以上代码包装成函数。

怪我咯

有两个办法可以取到这个值:

  1. 直接通过css()方法取这个p标签的height和margin,然后相加

  2. 或者你用这2个REM相加后去乘以你的根元素的font-size大小

PHPz

$("p").outerHeight()

迷茫

难道你直接$("p").height()获取到的不是真实的高度。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号