必威体育Betway必威体育官网
当前位置:首页 > IT技术

parentNode与offsetParent区别

时间:2019-08-10 01:40:00来源:IT技术作者:seo实验室小编阅读:84次「手机版」
 

offsetparent

offsetparent  指与位置有关的上级元素  只读

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

offsetParent直接的将是影响元素位置的上级element,而parentelement与位置显示无关时dom中的上级element。

例如:

<BODY>

<p   style="border:   1px   solid   black;position:absolute;">  

<form>  

<input   type="checkbox"   id="cc">  

</form>  

</p>  

这个例子中,“cc”元素的offsetParent是p,如果去掉p的position属性,那么cc的offsetParent就会变为body。而parentElement一直都为form。

与此相关的还有offsetleftoffsettop两种属性,他们分别表示的是元素与offsetElement相对应的左侧和顶部距离。

parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合w3c标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持

相关阅读

parentNode,parentElement,childNodes,children最经典

首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分

深度剖析offsetParent、offsetTop、offsetLeft和Paren

深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别 ParentNode:是直接结构上的父级,并不是显示父级offsetParent:有

分享到:

栏目导航

推荐阅读

热门阅读