本文探讨了在JavaScript DOM操作中offsetParent与parentElement的区别，通过实例展示了它们如何影响元素的位置显示，并详细解释了offsetLeft和offsetTop属性的作用。
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。
例如：
<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.youkuaiyun.com/zj_2009/article/details/2087291
扫一扫
350
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
