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

技术文章

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

时间：2009-11-26 点击：97

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

js 对联广告、漂浮广告封装类（IE,FF,Opera,Safari,Chrome

JS在IE和FF下attachEvent,addEventListener学习笔记

JS小框架 fly javascript framework

jquery.ui.progressbar 中文文档

javascript 面向对象继承

> 返回