使用offsetParent

<!-- 使用offsetParent
距离该子元素最近的进行过定位的父元素（position：absolute relative fixed），
如果其父元素中不存在定位则offsetParent为：body元素 -->
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.outer {width: 300px;height: 300px;background-color: green;position: relative;}.inner {width: 100px;height: 100px;background-color: orange;position: absolute;}</style><script>window.onload = function () {var oinner = document.getElementsByClassName("inner")[0];console.log(oinner.offsetParent);// <div class="outer">//     <div class="inner"></div>// </div> }</script>
</head><body><div class="outer"><div class="inner"></div></div>
</body></html>

使用offsetParent相关推荐

深入理解定位父级offsetParent及偏移大小
偏移量(offset dimension)是javascript中的一个重要的概念.涉及到偏移量的主要是offsetLeft.offsetTop.offsetHeight.offsetWidth这四个 ...
JS OffsetParent属性深入解析
offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素. 如果这个容器元素未进行CSS定位, ...
jQuery——parent(),parents(),offsetParent(),closets()方法
.parent() 作用:选中指定元素的直接父元素 [例]点击按钮,改变其父元素的背景颜色,效果如下代码 <html lang="en"> <head>& ...
[JavaScript][转]offsetParent和parentElement的区别
作者:未知来源于:网络转载发布时间:2006-9-30 23:42:32 一直以为offsetParent和parentElement是一回事,最近在做web控件才发现原来的理解是大错特错. ...
javascript好文---深入理解定位父级offsetParent及偏移大小
前面的话偏移量(offset dimension)是javascript中的一个重要的概念.涉及到偏移量的主要是offsetLeft.offsetTop.offsetHeight.offsetWid ...
offsetParent
网上对offsetParent和parentNode差异的解释都是同一篇文章千篇一律,讲的不是很清楚. offsetParent用的最普遍的就是来计算元素在页面中的位置,前面的日志理讲了通过getB ...
parentNode，parentElement,offsetParent
offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如:<BODY><div style ...
DOM之parentNode与offsetParent
DOM中有两个属性parentNode和offsetParent,想必区别大家都是知道的,可用法上还是有一些需要注意的地方,尤其是后者,想知道吗?继续往下看咯. parentNode指的是父节点,el ...
offsetParent和parentElement的区别
parentElement 在msdn的解释是Retrieves the parent object in the object hierarchy. 而offsetParent在msdn的解释是Re ...
获取元素到body顶部的距离，offsetTop和offsetParent，getBoundingClientRect
最近在写一个可见曝光的sdk,是当元素显示在可见区域的时候才算作曝光,并上报给服务端.思路是在元素请求回来并渲染完成之后,计算元素距离document顶部的距离offset,当页面滚动的时候,计算of ...

使用offsetParent

使用offsetParent相关推荐

最新文章

热门文章