怎么做门淘宝网站,网页截图快捷键可拉动,WordPress文章开启评论,品牌网站建设怎么样作者#xff1a;未知 来源于#xff1a;网络转载 发布时间#xff1a;2006-9-30 23:42:32 一直以为offsetParent和parentElement是一回事#xff0c;最近在做web控件才发现原来的理解是大错特错。 parentElement 在msdn的解释是Retrieves the parent object in the…作者未知 来源于网络转载 发布时间2006-9-30 23:42:32 一直以为offsetParent和parentElement是一回事最近在做web控件才发现原来的理解是大错特错。 parentElement 在msdn的解释是Retrieves the parent object in the object hierarchy. 而offsetParent在msdn的解释是Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object. 这个解释有些模糊。我们再来看看他的remarks Most of the time the offsetParent property returns the body object. 大多说offsetParent返回body Note In Microsoft® Internet Explorer 5, the offsetParent property returns the TABLE object for the TD object; in Microsoft® Internet Explorer 4.0 it returns the TR object. You can use the parentElement property to retrieve the immediate container of the table cell. 对于IE 5.0以上TD的offsetParent返回Table。 但是msdn并没有讨论在页面td元素中存在绝对/相对定位时offsetParent的值。 以下是我个人总结的规律 在td中的元素会把第一个绝对相对定位的hierarchy parent当作offsetParent如果没有找到需要分三种情况讨论 一如果该元素没有绝对相对定位则会把td当作offsetParent 二如果该元素绝对相对定位并且table没有绝对相对定位则会把body当作offsetParent 三如果该元素绝对相对定位并且table绝对相对定位则会把table当作offsetParent 看一下示例代码 1.BODY TABLE BORDER1 ALIGNright TR TD IDoCelldiv idparentdiv styleposition:relative parentdivdiv idsondivsondiv/div/div/TD /TR /TABLE 运行结果parentdiv.offsetParent.tagName IS body sondiv.offsetParent.id IS parentdiv 2.BODY TABLE BORDER1 ALIGNright TR TD IDoCelldiv idparentdiv styleposition:relative parentdivdiv idsondiv styleposition:relativesondiv/div/div/TD /TR /TABLE 运行结果parentdiv.offsetParent.tagName IS body sondiv.offsetParent.id IS parentdiv 3.BODY TABLE BORDER1 ALIGNright TR TD IDoCelldiv idparentdiv parentdivdiv idsondiv styleposition:relativesondiv/div/div/TD /TR /TABLE 运行结果parentdiv.offsetParent.tagName IS TD sondiv.offsetParent.tagName IS body 4.BODY TABLE BORDER1 ALIGNright TR TD IDoCelldiv idparentdiv parentdivdiv idsondivsondiv/div/div/TD /TR /TABLE 运行结果parentdiv.offsetParent.tagName IS TD sondiv.offsetParent.tagName IS TD 5.BODY TABLE BORDER1 ALIGNright styleposition:relative TR TD IDoCelldiv idparentdiv styleposition:relative parentdivdiv idsondiv styleposition:relativesondiv/div/div/TD /TR /TABLE 运行结果parentdiv.offsetParent.tagName IS Table sondiv.offsetParent.tagName IS parentdiv 转载于:https://www.cnblogs.com/Godblessyou/archive/2007/12/24/1012920.html
