offsetParent与parentElement ,parentNode,parentElement,childNodes和children
2015-04-24 09:29
435 查看
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操作遇到的问题，记录一下，转自/article/10836554.html
例如：
<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操作遇到的问题，记录一下，转自/article/10836554.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Js中parentNode,parentElement,childNodes,children之间的区别
- Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
- Js中parentNode,parentElement,childNodes,children之间的区别
- parentElement与offsetparent、parentNode的区别
- parentNode、parentElement，childNodes、children 区别
- Js-parentNode、parentElement，childNodes、children 的区别
- [HTML DOM]offsetParent、parentNode、parentElement 三者区别
- offsetParent与parentElement ,parentNode,parentElement,childNodes和children
- JavaScript 之 parentNode、parentElement，childNodes、children
- parentNode、parentElement，childNodes、children 之间的区别？
- js.parentNode,parentElement、childNodes、children 区别
- parentNode,parentElement,childNodes,children最经典讲解
- parentNode、parentElement，childNodes、children
- parentNode,parentElement,childNodes,children的区别
- Js-parentNode、parentElement，childNodes、children 它们有什么区别呢?
- parentNode、parentElement，childNodes、children
- Js中parentNode,parentElement,childNodes,children之间的区别
- Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
- parentNode、parentElement，childNodes、children 它们有什么区别呢？
- JS中的offsetParent和parentNode 以及 获取元素相对body的偏移值