jquery height（）函数返回值错误
答案:1 悬赏:80 手机版
解决时间 2021-11-29 13:04
- 提问者网友：孤凫
- 2021-11-28 17:59
jquery height（）函数返回值错误
最佳答案
- 五星知识达人网友：神的生死簿
- 2021-11-28 19:03
一个 dom 元素占据的高度分为四种：content-height, padding, border, margin。
jQuery 提供了4种对应的获取方式：height(), innerHeight(), outerHeight(), outerHeight(true)。
依次对应并且依次包含，比如 height 获取到 content-height, 那 innerHeight 获取到 content-height + padding。所以如果要获取一个 dom 元素真正在网页中占据的高度应该使用 outerHeight(true)。对于宽度是一致的。
另外的有一个，对于 inline-block 和 block 元素， content-height 有点不一致，需要根据 style.boxSizing (content-box 和 border-box) 不同而有不同的结果。不过这个 jQuery 都做了封装。当然 boxSizing 不止这两种，这都是因为规范不同导致的。
至于你说的有些列会长一些，有些列会短一些，不知道是不是随机的，还是你想做瀑布流。对于图片这种资源，是不能在创建 img 标签的时候马上获取到它的高度或者宽度，因为这个时候浏览器还没有把图片下载下来。我知道有两种获取方式：后台程序支持，在 img 的 onload 事件中获取。
jQuery 提供了4种对应的获取方式：height(), innerHeight(), outerHeight(), outerHeight(true)。
依次对应并且依次包含，比如 height 获取到 content-height, 那 innerHeight 获取到 content-height + padding。所以如果要获取一个 dom 元素真正在网页中占据的高度应该使用 outerHeight(true)。对于宽度是一致的。
另外的有一个，对于 inline-block 和 block 元素， content-height 有点不一致，需要根据 style.boxSizing (content-box 和 border-box) 不同而有不同的结果。不过这个 jQuery 都做了封装。当然 boxSizing 不止这两种，这都是因为规范不同导致的。
至于你说的有些列会长一些，有些列会短一些，不知道是不是随机的，还是你想做瀑布流。对于图片这种资源，是不能在创建 img 标签的时候马上获取到它的高度或者宽度，因为这个时候浏览器还没有把图片下载下来。我知道有两种获取方式：后台程序支持，在 img 的 onload 事件中获取。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯