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>
.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>