JavaScript中提供获取HTML元素位置的属性:

Posted Objiect

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中提供获取HTML元素位置的属性:相关的知识,希望对你有一定的参考价值。


htmlElement.offsetLeft
HTMLElement.offsetHeight
但 是需要注意的是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对位置,也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。那么如何得到一个HTML元素的绝对位置呢,可以用以下函数:

 代码如下:

//获取元素的纵坐标
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
return offset;
}
//获取元素的横坐标
function getLeft(e){
var offset=e.offsetLeft;
if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
return offset;

















以上是关于JavaScript中提供获取HTML元素位置的属性:的主要内容,如果未能解决你的问题,请参考以下文章

通过 JavaScript 获取元素的位置

JavaScript获取DOM元素位置和尺寸大小

JavaScript获取DOM元素位置和尺寸大小

JavaScript获取DOM元素位置和尺寸

使用javascript在html页面中查找元素的位置[重复]

javascript如何获取元素在数组中的位置key?