JS-offsetParent作用

最新推荐文章于 2024-04-28 08:32:47 发布

「已注销」

最新推荐文章于 2024-04-28 08:32:47 发布

阅读量153

点赞数

分类专栏： JavaScript web前端开发文章标签： js offsetParent

本文链接：https://blog.csdn.net/weixin_44713430/article/details/102181055

版权

web前端开发同时被 2 个专栏收录

122 篇文章 0 订阅

订阅专栏

JavaScript

63 篇文章 0 订阅

订阅专栏

作用

获取元素的第一个定位祖先元素
如果没有祖先元素是定位的, 那么就是获取到的就是body

<style>
	   *{
	       margin: 0;
	       padding: 0;
	   }
	   .grand-father{
	       width: 300px;
	       height: 300px;
	       margin-top: 100px;
	       margin-left: 100px;
	       background: deeppink;
	       overflow: hidden;
	       position: relative;
	   }
	   .father{
	       width: 200px;
	       height: 200px;
	       margin-top: 100px;
	       margin-left: 100px;
	       background: blue;
	       overflow: hidden;
	       position: relative;
	   }
	   .son{
	       width: 100px;
	       height: 100px;
	       margin-top: 100px;
	       margin-left: 100px;
	       background: red;
	   }
</style>
</head>
<body>
<div class="grand-father">
    <div class="father">
        <div class="son"></div>
    </div>
</div>

let oSDiv = document.querySelector(".son");
oSDiv.onclick = function () {
     console.log(oSDiv.offsetParent);	// <div class="father">...</div>
}

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS-offsetParent作用

作用获取元素的第一个定位祖先元素如果没有祖先元素是定位的, 那么就是获取到的就是body<style> *{ margin: 0; padding: 0; } .grand-father{ width: 300px; height: 300px; margin-top: 1...
复制链接

扫一扫