offsetParent解释
来源:互联网 发布:云南师范大学知乎 编辑:程序博客网 时间:2024/04/28 16:06
offsetParent解释
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
看一下示例代码
而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 BORDER=1 ALIGN=right>
- <TR>
- <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv">sondiv</div></div></TD>
- </TR>
- </TABLE>
因为parentdiv 有相当定位,且table没有相对/绝对定位,故为 body
运行结果parentdiv.offsetParent.tagName IS "body"
sondiv 没相对定位,而parent有,故为 parentdiv
sondiv.offsetParent.id IS "parentdiv"
2
- .<BODY >
- <TABLE BORDER=1 ALIGN=right>
- <TR>
- <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD>
- </TR>
- </TABLE>
运行结果parentdiv.offsetParent.tagName IS "body"
sondiv.offsetParent.id IS "parentdiv"
3
- .<BODY >
- <TABLE BORDER=1 ALIGN=right>
- <TR>
- <TD ID=oCell><div id="parentdiv" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD>
- </TR>
- </TABLE>
运行结果parentdiv.offsetParent.tagName IS "TD"
sondiv.offsetParent.tagName IS "body"
4
sondiv.offsetParent.tagName IS "body"
4
- .<BODY >
- <TABLE BORDER=1 ALIGN=right>
- <TR>
- <TD ID=oCell><div id="parentdiv" >parentdiv<div id="sondiv">sondiv</div></div></TD>
- </TR>
- </TABLE>
运行结果parentdiv.offsetParent.tagName IS "TD"
sondiv.offsetParent.tagName IS "TD"
5
sondiv.offsetParent.tagName IS "TD"
5
- .<BODY >
- <TABLE BORDER=1 ALIGN=right style="position:relative">
- <TR>
- <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD>
- </TR>
- </TABLE>
运行结果parentdiv.offsetParent.tagName IS "Table"
sondiv.offsetParent.tagName IS "parentdiv"
- offsetParent解释
- offsetParent解释
- offsetParent元素解释
- offsetParent解释(转)
- offsetParent
- offsetParent
- offsetParent
- offsetParent
- offsetParent
- offsetParent
- 理解offsetparent
- offsetParent() 方法
- offsetTop,offsetWidth,offsetParent
- js.offsetParent属性
- js.offsetParent属性
- offsetTop,offsetWidth,offsetParent 2
- 关于JSP中的offsetparent
- js.offsetParent属性
- 如何在DOS下从硬盘安装XP系统!
- android HTTP 通信, XML 解析
- Android Layout机制研究
- 个人小站
- Linux内核wait_queue深入分析
- offsetParent解释
- Android UI事件处理
- 关机回调
- 临时表操作的一些见解(解决了我在存储过程中使用临时表的困惑)
- Hibernate一对一主键关联(基于annotation注解方式)
- 回味下scrum
- memset
- Android 無線啟動流程
- 用Struts2实现文件上传时显示进度条功能