parentElement、offsetparent、parentNode

一、parentNode是W3C标准的parentElement 只在IE中可用. 

二、parentElement匹配的是parent为element的情况,而parentNode匹配的则是parent为node的情况。element是包含在node里的,它的nodeType是一

  window.onload=function(){

    alert(document.body.parentNode.parentNode)

  }

  window.onload=function(){

    alert(document.body.parentElement.parentElement)

  }

  理论上应该返回"document"节点(node),但是它不是element对象,因此前面的代码返回object,而后面的代码返回null。

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

  <BODY>
    <div   style="border:   1px   solid   black;position:absolute;">  
      <form>  
        <input   type="checkbox"   id="cc">  
      </form>  
    </div>  
  “cc”元素的offsetParent是div,如果去掉div的position属性,那么cc的offsetParent就会变为body。而parentElement一直都为form。

posted @ 2017-12-19 09:43  _badCode  阅读(252)  评论(0编辑  收藏  举报