getBoundingClientRect
---------- 随着时代变更,这个api也从IE私有变成了标准。但是不同的版本返回的值不一样!
先看实例:
<div id="test">我是测试代码</div>
#test{
position:absolute;
left:300px;
top:100px;
width:500px;
height:500px;
background:red;
color:white;
text-align:center;
}
document.getElementById("test").getBoundingClientRect()
先看一下IE7-8返回的值:
再看一下IE9返回的值:
再看一下chrome的返回的值:
再看一下ff的返回的值: