JavaScript基础 DOM对象2

作者: 0说 | 来源:发表于2018-02-13 00:43 被阅读0次

parentNode获取父元素节点，兼容所有浏览器

<body>
    <div class="box">
        <p>明天您好</p>
        <a href="">我是a标签</a>
        阿飞
    </div>
    <script type="text/javascript">
        var oBox = document.getElementsByClassName('box')[0];
        console.log( oBox.parentNode );//获取父元素节点
    </script>
</body>

image.png

.offsetParent 获取定位父元素节点，（父代中最近的有定位的父级，到body都没有的话就是body）

    .one{
        position: relative;
    }
</style>
</head>
<body>
    <div class="one">
        <div>
            <div class="box">
                <p>明天您好</p>
                <a href="">我是a标签</a>
                阿飞
            </div>
        </div>
    </div>
    <script type="text/javascript">
        var oBox = document.getElementsByClassName('box')[0];
        console.log( oBox.offsetParent );//获取定位父元素节点，（父代中最近的有定位的父级，到body都没有的话就是body）
    </script>

image.png