offsetHeight,scrollHeight,clientHeight,offsetWidth,clientWidth,scrollWidth的意义
offsetHeight,scrollHeight,clientHeight,offsetWidth,clientWidth,scrollWidth的意义
溪语_8023 发表于1年前
offsetHeight,scrollHeight,clientHeight,offsetWidth,clientWidth,scrollWidth的意义
  • 发表于 1年前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 这些高度傻傻分不清楚,还会继续补充待续

offsetHeight:带边框的高度,带滚动条的高度

scrollHeight:正文的高度,不包括滚动条和边框

clientHeight:对象可视的高度

 

offsetWidth当前对象的宽度(Width+border+padding)包括滚动条等边线,会随着对象的显示而变化。style.width 也是表示对象的宽度。但是他们两个是有区别的,①如果页面中的元素设置为百分比,无论页面变大或者变小,style.width返回值的宽度是百分比,而offsetWidth 返回值是数据;②style.width:如果元素没有设置width,则style.width返回值是空。③style.width返回值除了数据之外还会返回单位px。

clientWidth 对象内容的可视区的宽度,不包括滚动条和边线,会随着对象显示的大小而变化。

scrollWidth 对象实际内容的宽度,会随着对象内容增多或减少来改变。

 

共有 人打赏支持
粉丝 0
博文 26
码字总数 17289
×
溪语_8023
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: