jQuery 获取元素的高度 |
您所在的位置：网站首页 › jquery获取div的高度 › jQuery 获取元素的高度 |
|
在 jQuery 中，获取元素高度的方法有 3 个：height()、innerHeight()、outerHeight()。 元素的盒模型： height（高度）、padding（内边距）、margin（外边距）、border（边框）。 height()： 用于设置或返回当前匹配元素的高度； 高度不包括元素的外边距(margin)、内边距(padding)、边框(border)等； 对不可见的元素依然有效； 还可获取 window、document 对象的高度： $(window).height(); // 返回浏览器视口的高度 $(document).height(); // 返回 HTML 文档的高度innerHeight()： 用于设置或返回当前匹配元素的内高度； 内高度包括只元素的内边距(padding)； 对不可见的元素依然有效； 不适用于获取 window、document 对象的高度；outerHeight()： 获取当前匹配元素的外高度； 外高度包括元素的内边距(padding)、边框(border)； outerHeight(true) 参数为 true 时包含外边距部分的高度，默认为 false 不包括； 对不可见的元素依然有效； 不适用于获取 window、document 对象的高度；总结 height() 高度为 height innerHeight() 高度为 height+padding outerHeight() 高度为 height+padding+border outerHeight(true) 高度为 height+margin+padding+border举例 var div=$("div"); console.log(div.height()); // 输出 100 console.log(div.innerHeight()); // 输出 100+10+10=120 console.log(div.outerHeight()); // 输出 100+10+10+1+1=122 console.log(div.outerHeight(true)); // 输出 100+10+10+1+1+5+5=132 |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |