offsetParent与parentElement ,parentNode,parentElement,childNodes和children

最新推荐文章于 2018-04-20 10:21:12 发布

菲尔不坏

最新推荐文章于 2018-04-20 10:21:12 发布

阅读量536

点赞数

分类专栏： JS笔记

JS笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

学习原生JS dom操作遇到的问题，记录一下，转自http://blog.csdn.net/zj_2009/article/details/2087291