js获取元素绝对位置

Question

html:<input type="text" id="txtCode1" style="width: 250px; position: absolute;" onclick="$('#divCode1').show();" />
js:             $("#txtCode1").position().top//可以获得，但是有时候老是变化
            document.getElementById('divCode1').offsetTop为0，为什么呢

Answer 1

你是不是获取错对象了，代码看着没问题啊$("#txtCode1")和document.getElementById('divCode1')，id不一样啊

Answer 2

是阿，你要计算包括父层元素的值才行。function getOffsetTop(obj){
var tmp = obj.offsetTop;
var val = obj.offsetParent;
while(val != null){
tmp += val.offsetTop;
val = val.offsetParent;
}
return tmp;}
上面这样offsetTop的值才准确。