繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 获取元素位置的快速方法 getBoundingClientRect()
- Javascript
- jQuery在IE中解释XML要注意的问题
- JavaScript学习笔记:创建对象和构造类
- JS学习笔记:Javascript类的继承
- Javascript学习笔记:错误处理
- JS学习笔记:防止发生命名冲突
- 怎么让网页全屏显示？
- JS教程：addDOMLoadEvent事件
- MooTools教程(告诉你为什么学Mootools)
- 选择mootools的5个原因
- js教程:JavaScript作用域(Scope)
- JS教程：日期格式转换函数
- JavaScript中的Function对象
- JS教程:理解JavaScript闭包
- window.location.href出问题分析思路
- JS教程:javascript获取页面属性
- Webjx收集jQurey模式窗口的网页设计实例
- 现代网页设计时尚:网页中对话框窗口
- 概念网站实例:所有网页都在一个网页里
- JS教程:鼠标悬停文字上显示图片
- 网页内容切换效果实现的15个jQuery插件
Javascript 中的 javascript 获取元素位置的快速方法 getBoundingClientRect()
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 243 ::
收藏到网摘: n/a
有一种快速获得网页元素的位置。那就是使用getBoundingClientRect()方法。 它返回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口（viewport）左上角的距离。
所以，网页元素的相对位置就是
var X= this.getBoundingClientRect().left;
var Y =this.getBoundingClientRect().top;
再加上滚动距离，就可以得到绝对位置
var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;
目前，IE、Firefox 3.0+、Opera 9.5+都支持该方法，而Firefox 2.x、Safari、Chrome、Konqueror不支持。
评论 (0) All
