87,996
社区成员
发帖
与我相关
我的任务
分享高手请进，都快急上我了！！！
我写了一个测试的文件，为什么在table里面每一行里span元素的offsetTop和offsetLeft都一样，它们不是某一元素相对于窗口左上角的坐标吗？
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<span id="1-1">along1</span>
<input onclick="alert(document.all('1-1').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-2">along2</span>
<input onclick="alert(document.all('1-2').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-3">along3</span>
<input onclick="alert(document.all('1-3').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-4">along4</span>
<input onclick="alert(document.all('1-4').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
</table>
</body>
</html>
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<span id="1-1">along1</span>
<input onclick="alert(document.all('1-1').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-2">along2</span>
<input onclick="alert(document.all('1-2').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-3">along3</span>
<input onclick="alert(document.all('1-3').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
<tr>
<td>
<span id="1-4">along4</span>
<input onclick="alert(document.all('1-4').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td></tr>
</table>
</body>
</html>
...全文
请发表友善的回复…
发表回复
whb959358 2001-12-04
- 打赏
- 举报
<span id=span1> 相对父对象<td> 的offsetLeft=0,所以你应该使用document.all.span1.parentElement.offsetLeft,才能进行相对定位。understand?
feijunjun 2001-12-04
- 打赏
- 举报
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<span id="1-1">along1</span>
<input onclick="alert(document.all('1-1').offsetLeft);alert(document.all('1-1').offsetTop);" value="top" type=button></td>
<td>
<span id="1-2">along2</span>
<input onclick="alert(document.all('1-2').offsetLeft);alert(document.all('1-2').offsetTop);" value="top" type=button></td>
<td id="1-3"
<span >along3</span>
<input onclick="alert(document.all('1-3').offsetLeft);alert(document.all('1-3').offsetTop);" value="top" type=button></td>
<td>
<span id="1-4">along4</span>
<input onclick="alert(document.all('1-4').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td>
</table>
</body>
</html>
老兄,offsetLeft 每一个一定都是一样的,因为每个都是在同一列嘛
为什么你显示 offsetTop 都用 1-4 号?????
当然也都一样罗
还有 不要在 span上放置
<head>
</head>
<body>
<table>
<tr>
<td>
<span id="1-1">along1</span>
<input onclick="alert(document.all('1-1').offsetLeft);alert(document.all('1-1').offsetTop);" value="top" type=button></td>
<td>
<span id="1-2">along2</span>
<input onclick="alert(document.all('1-2').offsetLeft);alert(document.all('1-2').offsetTop);" value="top" type=button></td>
<td id="1-3"
<span >along3</span>
<input onclick="alert(document.all('1-3').offsetLeft);alert(document.all('1-3').offsetTop);" value="top" type=button></td>
<td>
<span id="1-4">along4</span>
<input onclick="alert(document.all('1-4').offsetLeft);alert(document.all('1-4').offsetTop);" value="top" type=button></td>
</table>
</body>
</html>
老兄,offsetLeft 每一个一定都是一样的,因为每个都是在同一列嘛
为什么你显示 offsetTop 都用 1-4 号?????
当然也都一样罗
还有 不要在 span上放置
