美文网首页
区分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