手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 获取元素位置的快速方法 getBoundingClientRect()
javascript 获取元素位置的快速方法 getBoundingClientRect()
摘要:它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewpo...

它返回一个对象,其中包含了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不支持。

【javascript 获取元素位置的快速方法 getBoundingClientRect()】相关文章:

javascript实现动态改变层大小的方法

简介JavaScript中用于处理正切的Math.tan()方法

javascript常用的方法分享

javascript清空table表格的方法

javascript实现行拖动的方法

JavaScript中的Math.LN2属性用法详解

Javascript获取统一管理的提示语(message)

javascript元素动态创建实现方法

JavaScript中的sub()方法的使用介绍

使用JavaScript刷新网页的方法

精品推荐
分类导航