span等标签top left问题

[jiangbai333]

当span这类标签的css属性　position不设置的时候，它没有top left属性
用jq也获取不到，我想在点击以后，把position设置成absolute　这个容易　　但是想将它的top left设置成现在的位置！　可是读取不到！　　怎么办

[Go 旅城通票]

offsetLeft/offsetTop

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script language="javascript">
function abs(){
  var sp=$('#sp')[0],left=sp.offsetLeft,top=sp.offsetTop;
  while(sp=sp.offsetParent){left+=sp.offsetLeft;top+=sp.offsetTop}
  alert(left+'\n'+top)
  $('#sp').css({position:'absolute',left:left,top:top});
  setTimeout(function(){$('#sp').css('top',300)},3000);
}
</script>
<br><br>　　<input type="button" onclick="abs()" value="span设置为absolute"/>　<span id="sp">span</span>

[jiangbai333]

引用 1 楼 showbo 的回复:

offsetLeft/offsetTop

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script language="javascript">
function abs(){
  var sp=$('#sp')[0],left=sp.offsetLeft,top=sp.offsetTop;
  while(sp=sp.offsetParent){left+=sp.offsetLeft;top+=sp.offsetTop}
  alert(left+'\n'+top)
  $('#sp').css({position:'absolute',left:left,top:top});
  setTimeout(function(){$('#sp').css('top',300)},3000);
}
</script>
<br><br>　　<input type="button" onclick="abs()" value="span设置为absolute"/>　<span id="sp">span</span>

不对!

[恶心鬼]

$('#sp').offset().left
$('#sp').offset().top

[文盲老顾]

function getXY(obj) {
    var xy = { x: obj.offsetLeft, y: obj.offsetTop };
    if (obj.nodeName.toUpperCase() == 'BODY') {
        return xy;
    }
    if (obj.parentNode) {
        if (obj.parentNode.nodeName.toUpperCase() != 'BODY') {
            var parentXY = (obj.nodeName.toUpperCase() == 'TD' || obj.parentNode.nodeName.toUpperCase() == 'FORM') ? getXY(obj.parentNode.parentNode) : getXY(obj.parentNode);
            xy = { x: obj.offsetLeft + parentXY.x, y: obj.offsetTop + parentXY.y }
        }
    }
    return xy;
}