关于前端学习:Javascript操作DOM的页面元素与尺寸相关的API

  • 获取元素尺寸

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

  • 获取与本人最近的定位父元素:获取元素的变量.offsetParent

  • 获取元素的偏移量

    • 特点:元素应用right和bottom进行定位,会主动转换左偏移量和上偏移量
    • 获取与本人最近的定位父元素:获取元素的变量.offsetParent
    • 获取元素绝对于父元素右边或上边的偏移量:
    左偏移量:获取元素的变量.offsetLeft
    右偏移量:获取元素的变量.offsetTop

  • 获取页面的尺寸(不蕴含滚动条)

    宽度:document.documentElement.clientWidth
    高度:document.documentElement.clientHeight

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理