锐客网

  1. 首页 > it技术 > >

Javascript——操作DOM的页面元素与尺寸相关的API

  • 获取元素尺寸
    • 特点：当元素设置display: none时，获取的尺寸为0
    • 获取元素内容、内边距、边框的尺寸：
    宽度：获取元素的变量.offsetWidth 高度：获取元素的变量.offsetHeight

    • 获取元素内容、内边距的尺寸：
    宽度：获取元素的变量.clientWidth 高度：获取元素的变量.clientHeight

    Javascript——操作DOM的页面元素与尺寸相关的API
    文章图片

  • 获取与自己最近的定位父元素：获取元素的变量.offsetParent
  • 获取元素的偏移量
    • 特点：元素使用right和bottom进行定位，会自动转换左偏移量和上偏移量
    • 获取与自己最近的定位父元素：获取元素的变量.offsetParent
    • 获取元素相对于父元素左边或上边的偏移量:
    左偏移量：获取元素的变量.offsetLeft 右偏移量：获取元素的变量.offsetTop

    Javascript——操作DOM的页面元素与尺寸相关的API
    文章图片

  • 获取页面的尺寸（不包含滚动条）
    宽度：document.documentElement.clientWidth 高度：document.documentElement.clientHeight

    【Javascript——操作DOM的页面元素与尺寸相关的API】Javascript——操作DOM的页面元素与尺寸相关的API
    文章图片

    推荐阅读


    上一篇：golang 中Sizeof函数 与内存对齐查看的方式

    下一篇：智汀家庭云-开发指南