1 offsetParent
2 parentNode
- 父节点 只有一个
- parentNode：直接的父级
- offsetParent：是寻找某一个元素用来定位的父级（上级？），而不一定是直接的父级
CSS 绝对定位元素，根据有定位的上级定位，如果直接的父级没定位，就往上找，一直找到body为止。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1{
width: 200px;
height: 200px;background: red;
margin-top: 200px;
}
#div2{
width: 100px;
height: 100px;background: gray;
position: absolute;
left: 50px;
top: 50px;
}
</style>
<script>
window.onload = function(){
var div2 = document.getElementById("div2");
alert(div2.offsetParent); // [object HTMLBodyElement]
alert(div2.parentNode); // [object HTMLDivElement]
}
</script>
</head>
<body>
<div id="div1">
<div id="div2">
</div>
</div>
</body>
</html>
QQ图片20170315163122.png
网友评论