javascript获得元素的尺寸和位置一 : offsetTop/Left、offsetWidth/Height、offsetParent
2010-09-14 13:39:49 来源：WEB开发网b、domElement没有设置position:relative/absolute，即static：
这一点所有的浏览器基本相同，domElement的offsetParent指向的是离domElement最近的拥有position:relative/absolute属性的父级元素。若不存在，则指向 <body>元素。但这种情况也有例外，如果domElement是<td>则 offsetparent 指向<table>
c、关于offsetParent的实例：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>RainMan</title>
<styletype="text/css">
#outer{position:absolute;}
</style>
<scripttype="text/javascript">
window.onload=function(){
vartarget=document.getElementById('target');
varouter=document.getElementById('outer');
alert(target.offsetParent==outer); //true
};
</script>
</head>
<body>
<divid="outer"class="test">
<divid="inner">
<divid="target"class="test">Target<br/>rainman</div>
</div>
</div>
</body>
</html>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>RainMan</title>
<styletype="text/css">
</style>
<scripttype="text/javascript">
window.onload=function(){
vartarget=document.getElementById('target');
alert(target.offsetParent==document.body); //true
};
</script>
</head>
<body>
<divid="outer"class="test">
<divid="inner">
<divid="target"class="test">Target<br/>rainman</div>
</div>
</div>
</body>
</html>
Tags：javascript 获得 元素
编辑录入：爽爽 [复制链接] [打 印]
中查找“javascript获得元素的尺寸和位置一 : offsetTop/Left、offsetWidth/Height、offsetParent”更多相关内容
中查找“javascript获得元素的尺寸和位置一 : offsetTop/Left、offsetWidth/Height、offsetParent”更多相关内容更多精彩
赞助商链接
