JS中的元素尺寸、偏移问题以及滑动轴距的问题

本文介绍了JavaScript中处理元素尺寸的offset、client和scroll属性,包括offsetHeight/Width(边框+内间距+内容区域)、clientWidth/Height(内间距+内容区域)、style.width/height(行内样式内容区域宽高)、scrollWidth/Height(内容区域大小,未溢出时等于client)以及偏移问题中的offsetTop/Left(相对于定位父元素的外间距)和滑动轴距的scrollTop/Left(有滚动条时的滑动距离)。
摘要由CSDN通过智能技术生成

1.元素尺寸

  • offsetheight offsetwidth - 边框+内间距+内容区域
 var box=document.querySelector(".box");

 console.log(box.offsetWidth);
 console.log(box.offsetHeight);

 输出结果:

  • clientwidth clientheight - 内间距+内容区域
console.log(box.clientHeight);

console.log(box.clientWidth);

输出结果:

    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值