关于getBoundingClientRect()

var odiv1=document.getElementById("div1");

odiv1.getBoundingClientRect().width ..........元素的可视宽度

odiv1.getBoundingClientRect().height ..........元素的可视高度

odiv1.getBoundingClientRect().left ..........元素左侧到可视区左侧的距离

odiv1.getBoundingClientRect().top ..........元素顶部到可视区顶部的距离

odiv1.getBoundingClientRect().right ..........元素右侧侧到可视区右侧的距离

odiv1.getBoundingClientRect().bottom .........元素底部到可视区底部的距离

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,496评论 2 66
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,382评论 0 5
  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 5,010评论 5 15
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 899评论 0 0
  • 2018年4月27日上午第二节课。我在我们班给我班孩子尝试上了一节绘本课《勇敢的克兰西》。在上课前按照我的思路对一...
    古月一行阅读 476评论 0 0

友情链接更多精彩内容