parentNode 、 offsetParent父节点

最新推荐文章于 2022-05-04 11:35:27 发布

Winge_Fish

最新推荐文章于 2022-05-04 11:35:27 发布

阅读量435

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Winge_Fish/article/details/58681134

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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特性的父节点上。

Winge_Fish

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
parentNode 、 offsetParent父节点

parentNode （推荐使用）元素.parentNode : 只读属性当前节点的父级节点，完美兼容。来个栗子：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script> window.onload = function() { oA=
复制链接

扫一扫

专栏目录