parentNode和offsetParent的区别

parentNode:直接父级

offsetParent:类似于css的包含块（根据本身定位及父级定位来确认offsetParent的目标元素）

offsetParent的作用：
offsetLeft 和 offsetTop 是参照于offsetParent 的内边距边界的

dom里面所有元素都有offsetLeft 和 offsetTop

offsetParent兼容性：

offsetParent(如果body和html直接的margin被清掉)
   本身定位fixed
       ==》 offsetParent:null（ie7以上不含火狐）
       ==》 offsetParent:null (火狐)
   本身定位不为fixed
       父级没有定位
       ==>offsetParent:body
       父级有定位
       ==》offsetParent:定位父级

parentNode和offsetParent的区别相关推荐

DOM之parentNode与offsetParent
DOM中有两个属性parentNode和offsetParent,想必区别大家都是知道的,可用法上还是有一些需要注意的地方,尤其是后者,想知道吗?继续往下看咯. parentNode指的是父节点,el ...
js中parentNode和parentElement的区别和用法
了解本篇的基础必须知道什么是节点,关于html dom节点知识点和节点类型的知识,分别看<js节点都有哪些类型?怎么判断是哪种节点类型?>和<js属性节点获取和移除>,下面直接 ...
JS中parentNode和parentElement的区别
参考文章以一个网页作为例子: <!DOCTYPE html> <html><head><meta charset="UTF-8"> ...
parentNode与offsetParent区别
offsetParent 指与位置有关的上级元素只读 parentNode 指与位置无关的上级元素只读 offsetParent直接的将是影响元素位置的上级element,而parent ...
parentNode和offsetParent的使用
元素.parentNode:只读属性,指当前元素的父级节点 offsetParent:只读属性离当前元素最近的一个有定位属性的父节点如果没有定位父级,默认是body,有兼容性问题. 先上pare ...
一篇弄懂 offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent的区别！（1）
快速理解offset之间的区别 1.offsetWidth与offsetHeight 2.offsetParent 3.offsetleft.offsetTop 以下代码均在Chrome浏览器中测试 ...
parentNode和parentElement的区别
首先了解parentNode,parentElement属性之前,必须对DOM树有一定的了解.在DOM文档结构中,HTML页面每一部分都是由节点组成的,节点的类型一共有3种,元素节点,文本节点,属性节 ...
parentNode,parentElement,childNodes,children区别
childNodes childNodes指的是返回当前元素子节点的所有类型节点,其中连空格和换行符都会默认文本节点 childNodes只会返回文本和元素的节点,并不能返回属性节点!!! child ...
offsetParenthaslayout
offsetParent(如果body和html直接的margin被清掉) 本身定位为fixed ==> offsetParent:null(不是火狐) ==> offsetP ...

parentNode和offsetParent的区别

parentNode和offsetParent的区别相关推荐

最新文章

热门文章