getBoundingClientRect

  

    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的返回的值：