`
zhangyaochun
  • 浏览: 2621826 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

 



 

 

 

1
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics