JS-offsetParent作用

作用

获取元素的第一个定位祖先元素
如果没有祖先元素是定位的, 那么就是获取到的就是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>
}

JS-offsetParent作用相关推荐

html5shiv.js和respond.min.js的作用
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览 ...
html js什么作用,html錨點的作用和js選項卡錨點跳轉的使用
location是javascript里邊管理地址欄的內置對象,比如location.href就管理頁面的url,用location.href=url就可以直接將頁面重定向url.而location. ...
js 闭包作用(转自别人的)
Stone 2012-09-28 15:44 一.变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言 ...
js margin作用到父元素_CSS中margin-top对父级元素产生作用的问题
在页面重构中,利用margin进行定位非常常见,然而margin-top这个属性经常会给我们带来一定的困扰,有时候不起作用,还把父层"拉"了下来,如图所示: 代码如下: test2 ...
JS OffsetParent属性深入解析
offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素. 如果这个容器元素未进行CSS定位, ...
js.offsetParent属性
参考: offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素. 如果这个容器元素未进行CS ...
Auto.js 命令作用(四) 屏幕按键监听专题
Auto.js 全命令整理(四) 屏幕按键监听目录 Auto.js 全命令整理(四) 屏幕按键监听屏幕按键监听末屏幕按键监听命令目的 events.observeTouch() 屏幕按键监 ...
js ~~运算符作用以及**运算符
刷力扣题整数反转发现自己写的很麻烦再然后看了官方解析里面用到了~~运算符于是记录一下 1.~ 是按位非也就是按位取反那么2个~~就是2次取反粗略的说是保持原值但是~后面如果跟的值不是 ...
JS OffsetParent属性
offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素. 如果这个容器元素未进行CS ...
JS prototype作用
prototype可查看原型属性,还可对原型添加属性或方法 function Car(name) {this.name = name;this.run = function () {console.l ...

JS-offsetParent作用

作用

JS-offsetParent作用相关推荐

最新文章

热门文章