parentNode 、 offsetParent父节点

来源:互联网 发布:火线淘宝 军火贩 电影 编辑:程序博客网 时间:2024/05/18 07:06

parentNode (推荐使用)

  • 元素.parentNode : 只读 属性 当前节点的父级节点,完美兼容。

来个栗子:

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title>    <script>        window.onload = function() {         oA=document.getElementsByTagName('a');            for (var i=0; i<oA.length; i++) {                oA[i].onclick = function() {         this.parentNode.style.display = 'none';                }            }        };    </script></head><body>    <li><a href="#">隐藏</a></li>    <li><a href="#">隐藏</a></li>    <li><a href="#">隐藏</a></li>    <li><a href="#">隐藏</a></li>    <li><a href="#">隐藏</a></li></body></html>

offsetparent

  • 元素.offsetParent: 只读 属性 离当前元素最近的一个有定位属性的父节点,如果没有定位父级,默认是body。

ie7 以下,如果当前元素没有定位默认是body,如果有定位则是HTML
ie7以下 ,如果当前元素的某个父级触发了layout(zoom:1),那么offsetParent就会被指向到这个触发了layout特性的父节点上。

0 0