offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element。
例如:

 <BODY>
  
<div   style="border:   1px   solid   black;position:absolute;"> 
     
<form> 
         
<input  type="checkbox"   id="cc" /> 
     
</form> 
  
</div> 
 
</BODY>

 


 这个例子中,“cc”元素的offsetParent是div,如果去掉div的position属性,那么cc的offsetParent就会变为body。而parentElement一直都为form。
与此相关的还有offsetLeft和offsetTop两种属性,他们分别表示的是元素与offsetElement相对应的左侧和顶部距离。

parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持。

posted on 2010-01-20 16:26  钱途无梁  阅读(2250)  评论(0编辑  收藏  举报