87,997
社区成员
发帖
与我相关
我的任务
分享如何在未给DIV的style.top和style.left赋值的情况下，获取DIV位置信息
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
<!--
.rotatediv {position:absolute;z-index:2;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i=0
function refresh()
{
document.all.rotatediv1.innerHTML=i;
i++;
alert(document.all.rotatediv1.style.top);
}
//-->
</SCRIPT>
<BODY>
<p>sdljf;aljf;lasjf<BR>rtq<BR>rw<BR>qrqwe<BR>r</p>
<DIV ID=iii class="rotatediv">
<IMG SRC="M.jpg" WIDTH="400" HEIGHT="300" BORDER="0" ALT="">
</DIV>
<div id="rotatediv1" class="rotatediv">00</DIV>
</BODY>
<FORM METHOD=POST ACTION="" NAME=FRM>
<INPUT TYPE="BUTTON" ID=BB value=刷新 onclick=refresh()>
</FORM>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.iii.style.top);
//-->
</SCRIPT>
这样的document.all.iii.style.top值是空，必须document.all.iii.style.top=某个值，document.all.iii.style.top才能输出值.现在想要解决的是，给document.all.iii.style.top赋值而取得HTML自动排版的位置信息
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<style>
<!--
.rotatediv {position:absolute;z-index:2;}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
var i=0
function refresh()
{
document.all.rotatediv1.innerHTML=i;
i++;
alert(document.all.rotatediv1.style.top);
}
//-->
</SCRIPT>
<BODY>
<p>sdljf;aljf;lasjf<BR>rtq<BR>rw<BR>qrqwe<BR>r</p>
<DIV ID=iii class="rotatediv">
<IMG SRC="M.jpg" WIDTH="400" HEIGHT="300" BORDER="0" ALT="">
</DIV>
<div id="rotatediv1" class="rotatediv">00</DIV>
</BODY>
<FORM METHOD=POST ACTION="" NAME=FRM>
<INPUT TYPE="BUTTON" ID=BB value=刷新 onclick=refresh()>
</FORM>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.iii.style.top);
//-->
</SCRIPT>
这样的document.all.iii.style.top值是空，必须document.all.iii.style.top=某个值，document.all.iii.style.top才能输出值.现在想要解决的是，给document.all.iii.style.top赋值而取得HTML自动排版的位置信息
...全文
请发表友善的回复…
发表回复
meizz 2004-12-24
- 打赏
- 举报
function getAbsLeft(e){var l=e.offsetLeft; while(e=e.offsetParent) l += e.offsetLeft; return l;}
function getAbsTop(e) {var t=e.offsetTop; while(e=e.offsetParent) t += e.offsetTop; return t;}
function getAbsTop(e) {var t=e.offsetTop; while(e=e.offsetParent) t += e.offsetTop; return t;}
flyskytoday 2004-12-24
- 打赏
- 举报
<div id="rotatediv1" class="rotatediv">00</DIV>
<script language="javascript">
<!--
var divid=document.getElementById("rotatediv1");
alert("高:"+divid.offsetTop+"左边:"+divid.offsetLeft);
//-->
</script>
<script language="javascript">
<!--
var divid=document.getElementById("rotatediv1");
alert("高:"+divid.offsetTop+"左边:"+divid.offsetLeft);
//-->
</script>
dxj1234 2004-12-23
- 打赏
- 举报
offsetTop
ls_aaaa 2004-10-11
- 打赏
- 举报
取得图形在窗口中的坐标就行
ls_aaaa 2004-10-11
- 打赏
- 举报
.现在想要解决的是，“不”给document.all.iii.style.top赋值而取得HTML自动排版的位置信息。
上面写错了。：）
上面写错了。：）
