美文网首页
区分Element的offsetHeight、clientHei

区分Element的offsetHeight、clientHei

作者: Sun____ | 来源:发表于2020-09-30 15:08 被阅读0次

获取元素高度的这两个属性,经常会搞混,今天做个笔记,区分一下。
就以下面这个盒模型为例:


image.png
  • clientHeight:返回Number表示内部相对于外层元素的高度。上图clientHeight=90,即 内容高度 + padding
  • offsetHeight: 返回该元素的像素高度,高度包含该元素的垂直内边距和边框,且是一个整数。上图offsetHeight=92,即 内容高度 + padding + border

相关文章

网友评论

      本文标题:区分Element的offsetHeight、clientHei

      本文链接:https://www.haomeiwen.com/subject/ewiuuktx.html