在学习 offset的相关属性前,必须明确指出offsetHeight/Width、offsetTop/offsetLeft等返回的都是只读的并且以数字 的形式返回像素值(例如,返回12,而不是'12px')。
定位父元素:指在CSS中某一元素 domElement[position:relative/absolute]所相对定位的元素。
1、offsetParent
对于offsetParent来讲,最重要的是能够知道 domElement.offsetParent 指向的是哪个元素。然而对于这一点不同的浏览器之间有一些微妙的差异。
a、domElement设置了 position:relative/absolute属性:
domElement.offsetParent指向的是该元素的定位父元素。
但也有一个bug,见一下代码:
#target{position:relative;}
window.onload=function(){
vartarget=document.getElementById('target');
alert(target.offsetParent==document.documentElement); //IE中指 向元素
alert(target.offsetParent==document.body); //FF、 Safari等指向元素
};
rainman
b、 domElement没有设置position:relative/absolute,即static:
这一点所有的浏览器基本相同,domElement的offsetParent指向的是离domElement最近的拥有 position:relative/absolute属性的父级元素。若不存在,则指向
元素。但这种情况也有例外,如果domElement是