offsetParent与parentElement

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相对应的左侧和顶部距离。 

 

posted @ 2015-02-24 13:15  格致诚正修齐治平  阅读(176)  评论(0编辑  收藏  举报