html的对象可以通过getBoundingClientRect()取得其真实位置 :
<
html
>
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 无标题文档 </ title >
</ head >
< body >
< table width ="200" border ="1" >
< tr >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td >< table width ="362" border ="1" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td height ="135" > </ td >
< td > </ td >
< td >< table width ="200" border ="1" cellpadding ="0" cellspacing ="0" bordercolor ="#0000FF" id ="aa" style ="border-collapse:collapse;" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
</ table ></ td >
< td > </ td >
</ tr >
</ table ></ td >
</ tr >
</ table >
< script language ="javascript" > ...
//alert(aa.getBoundingClientRect()["right"]);
alert(aa.getBoundingClientRect().right);
for (var i in aa.getBoundingClientRect())...{
document.writeln(i+"="+aa.getBoundingClientRect()[i]);
}
</ script >
</ body >
</ html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > 无标题文档 </ title >
</ head >
< body >
< table width ="200" border ="1" >
< tr >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td >< table width ="362" border ="1" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td height ="135" > </ td >
< td > </ td >
< td >< table width ="200" border ="1" cellpadding ="0" cellspacing ="0" bordercolor ="#0000FF" id ="aa" style ="border-collapse:collapse;" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
</ table ></ td >
< td > </ td >
</ tr >
</ table ></ td >
</ tr >
</ table >
< script language ="javascript" > ...
//alert(aa.getBoundingClientRect()["right"]);
alert(aa.getBoundingClientRect().right);
for (var i in aa.getBoundingClientRect())...{
document.writeln(i+"="+aa.getBoundingClientRect()[i]);
}
</ script >
</ body >
</ html >
转自:http://blog.csdn.net/sungcong/archive/2005/12/09/547848.aspx