javascript 获取元素位置的快速方法 getBoundingClientRect()- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 获取元素位置的快速方法 getBoundingClientRect()

技术文章搜索

关键字

Javascript 中的 javascript 获取元素位置的快速方法 getBoundingClientRect()

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 476 ::

收藏到网摘: n/a

javascript或asp实现的判断身份证号码是否正确两种验证方法 javascript 面向对象继承

有一种快速获得网页元素的位置。那就是使用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不支持。

javascript或asp实现的判断身份证号码是否正确两种验证方法 javascript 面向对象继承

Javascript 中的 javascript 获取元素位置的快速方法 getBoundingClientRect()

评论 (0) All