获取某个html元素相对于视窗的位置集合
2024-09-07 02:12:03
getBoundingClientRect()
getBoundingClientRect()获取元素位置,这个方法没有参数
getBoundingClientRect()用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。
getBoundingClientRect()是DOM元素到浏览器可视范围的距离(不包含文档卷起的部分)。
该函数返回一个Object对象,该对象有6个属性:top,lef,right,bottom,width,height;
<div id="box"></div>
var object=document.getElementById('box');
rectObject = object.getBoundingClientRect(); rectObject.top:元素上边到视窗上边的距离;
rectObject.right:元素右边到视窗左边的距离;
rectObject.bottom:元素下边到视窗上边的距离;
rectObject.left:元素左边到视窗左边的距离;
rectObject.width:是元素自身的宽
rectObject.height是元素自身的高
在ie7及ie7以下的html元素坐标会从(2, 2)开始算起,在ie8已经修复了这个bug。这就是多出两个像素的原因
最新文章
- Apache Flume 1.7.0 发布,日志服务器
- GraphX 的属性图
- ACM/ICPC 之 数论-素数筛选法 与 ";打表";思路(POJ 1595)
- python-flask 框架使用 flask_mongoengine
- JS案例之8——从一个数组中随机取数
- Unity 3D学习之 Prime31 Game Center插件用法
- 设计模式之职责链模式(Chain of Responsibility)
- iOS国际化多语言设置
- 【轻院热身赛】级数求和、进制转换、candy
- POJ 3377 Ferry Lanes
- ASP大数据量使用GetRows()提升速度
- Pen Editor
- SQL查询语句47题
- Treap初步
- CCF CSP 201609-1 最大波动
- 通过本质看现象:关于Integer受内部初始化赋值范围限制而出现的有趣现象
- SQL Sever 2012版本数据库的完全安装流程
- Servlet解决中文乱码问题
- CXF整合Sping与Web容器
- Samba共享目录的多用户权限设置案例
热门文章
- 一文彻底搞懂JavaScript中的prototype
- (原创)[C#] MEF 主程序与插件加载不同版本的DLL
- 无线:NB-IoT
- vue项目引入TinyMCE
- 167. Two Sum II - Input array is sorted - LeetCode
- 用 notion 管理信用卡与花呗
- Git分离头指针
- VB.net使用Microsoft.Office.Interop.Excel对Excel进行简单的读取和写入
- js循环调用axios异步请求,实现同步
- Python列表推导式,字典推导式,元组推导式