parentElement与offsetparent、parentNode的区别

最新推荐文章于 2023-01-31 20:37:39 发布

weixin_30279751

最新推荐文章于 2023-01-31 20:37:39 发布

阅读量86

点赞数

原文链接：http://www.cnblogs.com/zcjnever/archive/2011/04/21/2023134.html

版权

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。
与此相关的还有offsetLeft和offsetTop两种属性，他们分别表示的是元素与offsetElement相对应的左侧和顶部距离。

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

本文来自CSDN博客

转载于:https://www.cnblogs.com/zcjnever/archive/2011/04/21/2023134.html