1. 程式人生 > >JavaScript中提供獲取HTML元素位置的屬性:

JavaScript中提供獲取HTML元素位置的屬性:

瀏覽器 var func set height cti fse 屬性 turn


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元素位置的屬性: