offsetParent和son.parentNode区别与联系
offsetParent返回的是带定位的父亲元素。
son.parentNode返回的上一级亲父亲,不管带不带定位。
代码案例:
- <style>
- * {
- margin: 0;
- padding: 0;
- }
-
- .zidiu {
- /* position: relative; */
- width: 200px;
- height: 200px;
- background-color: pink;
- margin-left: 100px;
- padding: 50px 50px;
- }
-
- .son {
- width: 100px;
- height: 100px;
- background-color: red;
- }
- </style>
- <div class="zidiu">
- <div class="son"></div>
- </div>
- <script>
- var div = document.querySelector('.zidiu');
- var son = document.querySelector('.son');
- console.log(son.offsetParent);
- console.log(son.parentNode);
- // console.log(div.offsetWidth);
- </script>
复制代码 输出结果为:
offsetParent和son.parentNode区别与联系
|