parentNode与offsetParent区别

offsetParent 指与位置有关的上级元素只读
parentNode 指与位置无关的上级元素只读

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就不支持

parentNode与offsetParent区别相关推荐

DOM之parentNode与offsetParent
DOM中有两个属性parentNode和offsetParent,想必区别大家都是知道的,可用法上还是有一些需要注意的地方,尤其是后者,想知道吗?继续往下看咯. parentNode指的是父节点,el ...
parentNode和offsetParent的区别
parentNode:直接父级 offsetParent:类似于css的包含块(根据本身定位及父级定位来确认offsetParent的目标元素) offsetParent的作用: offset ...
parentNode和offsetParent的使用
元素.parentNode:只读属性,指当前元素的父级节点 offsetParent:只读属性离当前元素最近的一个有定位属性的父节点如果没有定位父级,默认是body,有兼容性问题. 先上pare ...
offsetParent
网上对offsetParent和parentNode差异的解释都是同一篇文章千篇一律,讲的不是很清楚. offsetParent用的最普遍的就是来计算元素在页面中的位置,前面的日志理讲了通过getB ...
关于childNodes和children区别
关于childNodes和children区别一.parentNode和parentElement区别? 二.childNodes和children区别 1.区别 HTML共同 <ul id= ...
day31-33关于parentNode,parentElement,childNodes,children
找节点和找元素是不同的. childNodes和children区别在于,childNodes可能会找到文本节点,而children只会找到元素节点. parentNode和parentElement ...
offsetParent 详解
网上对offsetParent和parentNode差异的解释都是同一篇文章千篇一律,讲的不是很清楚. offsetParent用的最普遍的就是来计算元素在页面中的位置,前面的日志理讲了通过getB ...
offsetParent、getBoundingClientRect与其他位置相关属性
offsetParent.getBoundingClientRect与其他位置相关属性写在前面:本文章中的代码演示,默认清除的了 body 和 html 的 margin.padding. 定位父级 ...
day29—JavaScript中DOM的基础知识应用
转行学开发,代码100天--2018-04-14 JavaScript中DOM操作基础知识即对DOM元素进行增删改操作.主要表现与HTML元素的操作,以及对CSS样式的操作.其主要应用知识如下图: 通 ...

parentNode与offsetParent区别

parentNode与offsetParent区别相关推荐

最新文章

热门文章