2008/03/06

如何取得HTML物件的位置

對於Web Client Programming來說, 如何取得HTML物件的位置, 是時常會需要用到的技巧.
如果HTML物件本身透過Style屬性來設定top或left的數值, 或許可以用下列方式直接取得:

function getTop(el)
{
return obj.style.top;
}

但, 針對沒有設定Style屬性的物件, 方式上就需要改變下列方式:

function getTop(el)
{
var top = 0;
while (el) {
top += el.offsetTop;
el = el.offsetParent;
}
return top;
}

以上, 取得Left位置的做法相同, 就請自行試試看!

沒有留言: