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
网友评论