js中getBoundingClientrRect()方法的详解
2024-10-08 04:54:28
getBoundingClientRect():
这个方法返回一个矩形对象,包含四个属性:left、top、right和buttom。分别表示元素各边与页面各边的距离
例如:
var boxPosition = document.getElementById('box'); // 获取元素
alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离
alert(box.getBoundingClientRect().right); // 元素右边距离页面左边的距离
alert(box.getBoundingClientRect().bottom); // 元素下边距离页面上边的距离
alert(box.getBoundingClientRect().left); // 元素左边距离页面左边的距离
最新文章
- Crimm Imageshop 2.3。
- Html中<;a>;标签的样式的设置
- UVA 11520 填充正方形
- eclipse的一些常见操作
- Chrome 消息传递机制
- MYSQL PASSWORD()
- 解决DataSnap支持的Tcp长连接数受限的两种方法
- CakePHP之Model
- php可获取客户端信息
- 全球最快的JS模板引擎:tppl
- Vimperator技巧
- JVM菜鸟进阶高手之路八(一些细节)
- mybatis中#{}与${}的区别
- 在python项目中导出项目依赖的模块信息
- 基于Dubbo框架构建分布式服务(集群容错&;负载均衡)
- Visual Studio配置C/C++-PostgreSQL(9.6.3)开发环境(ZT)
- RabbitMQ安装以及集群部署
- Linux中利用LVM实现分区动态扩容
- 552. Student Attendance Record II
- HDU 6061 推导 NTT