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

2020-02-16 分类：首页

标签Tags:javascript,获取,元素,位置,快速,方法,返回,对象,其中,包含,left,right,top,bottom,四个,属性,分别,对应,左上角

它返回一个对象，其中包含了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 获取元素位置的快速方法 getBoundingClientRect()】的全部内容了,欢迎留言评论进行交流!

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

与本文相关的软件

最新评论