parentElement、offsetparent、parentNode

最新推荐文章于 2023-04-27 15:35:03 发布

anf8799

最新推荐文章于 2023-04-27 15:35:03 发布

阅读量298

点赞数

原文链接：http://www.cnblogs.com/-badcode/p/8063978.html

版权

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

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

　　window.οnlοad=function(){

　　　　alert(document.body.parentNode.parentNode)

　　}

　　window.οnlοad=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。

转载于:https://www.cnblogs.com/-badcode/p/8063978.html