offsetParent属性返回一个对象的引用

来源:互联网 发布:长城证券软件下载 编辑:程序博客网 时间:2024/06/04 20:26

offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素;在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时(译注:IE和Opera除外),offsetParent属性 返回 null。

句法:
parentObj = element.offsetParent

变量:
· parentObj 是一个元素的引用,当前元素的偏移量在其中计算。

复制代码代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <title>Untitled Document</title>    <style>        #parent{ position: relative;}    </style>    <script type="text/javascript" language="JavaScript">        function offset_init() {            var pElement = document.getElementById("sonObj");            parentObj = pElement.offsetParent;            console.log(parentObj.tagName);        }    </script></head><body onload="offset_init()"><div id="parent">    <p id="sonObj">测试OffsetParent属性</p></div></body></html>
0 0
原创粉丝点击