问：js如何获取style.left属性

edwardhey 楼主

<script> document.onmousedown = function(ev){ ev = ev||window.event; var target = ev.target||ev.srcElement; if(target.currentStyle){ //ie alert(target.currentStyle.left); }else{ //ff alert(getComputedStyle(target,null).left); } } </script> <style> body{} .con1{border:1px solid #999;} .item{font-weight:bold} </style> <div id="con1" class="con1"> <div id="item1" class="item">#item1</div> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

如题  只能获取style.left的值为auto，如何才能获取style.left的准确值？谢谢各位老大

[ 本帖最后由 edwardhey 于 2006-12-11 14:05 编辑 ]

lovelium

<script> function getPosleft(obj) //得到相关TABLE的顶坐标----lovelium添加 { var l = obj.offsetLeft; alert(l); } </script> <style> body{} .con1{border:1px solid #999;} .item{font-weight:bold} </style> <div id="con1" class="con1"> <div id="item1" class="item" onClick="getPosleft(this)">#item1</div> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

如果想得到顶坐标将offsetLeft改offsetTop。注意大小写！！

-------------------------------------------------------------------------------

我去掉了。呵

[ 本帖最后由 lovelium 于 2006-12-11 14:41 编辑 ]

edwardhey 楼主

感谢楼上热心帮助～
      学习了

lovelium

可以查找一下关于offsetLeft offsetTop 的方法

edwardhey 楼主

那请问这段有什么作用么？
while(obj = obj.offsetParent)
{
l += obj.offsetLeft;
}
alert(l);

我把它去掉好像也能运行 麻烦了

<script> function getPosleft(obj) //得到相关TABLE的顶坐标----lovelium添加 { var l = obj.offsetLeft; alert(l); } </script> <style> body{} .con1{border:1px solid #999;} .item{font-weight:bold} </style> <div id="con1" class="con1"> <div id="item1" class="item" onClick="getPosleft(this)">#item1</div> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

[ 本帖最后由 edwardhey 于 2006-12-11 14:24 编辑 ]

lovelium

不好意思。我多拷了。这段代码本来是做得一个内嵌TABLE中的。在这里可以直接用offsetLeft就可以了。那段while(obj = obj.offsetParent)
{
l += obj.offsetLeft;
}可以去掉。是一个循环。呵呵。见笑了做事太大意了。

edwardhey 楼主

哦 不过还是谢谢你的帮助~

cityvoice

while(obj = obj.offsetParent)
{
l += obj.offsetLeft;
}
这个函数绝对不是多余得，它是用来计算总偏移量得，如果只用obj.offsetLeft只能得到它相对于offsetParent的偏移量，是不准确的