offsetParent详解

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

weixin_34252686

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

阅读量85

点赞数

原文链接：http://www.cnblogs.com/gongshunkai/p/5839452.html

版权

offsetParent与parentNode一样，都是获取父节点，但是offsetParent却有很大的不同之处：

offsetParent找有定位的父节点，没有定位默认是body，ie7以下定位在当前元素是html

怎么理解上面的话呢，其实这需要与css配合使用，我们先看例子：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
#d1{}
</style>
</head>
<body>
<div id="d1">
    <ul id="u1">
        <li class="l1"></li>
        <li class=""></li>
        <li class="l1"></li>
        <li class=""></li>
    </ul>
</div>
<script>

var dom = document.getElementById('u1');
alert(dom.offsetParent.tagName);
</script>
</body>
</html>

ie9:

ie7:

我们修改样式：

#d1{position:relative;}

ie9:

ie7:

我们把定位写到u1上面：

#u1{position:relative;}

ie9:

ie7:

转载于:https://www.cnblogs.com/gongshunkai/p/5839452.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34252686

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
offsetParent详解

offsetParent与parentNode一样，都是获取父节点，但是offsetParent却有很大的不同之处：offsetParent找有定位的父节点，没有定位默认是body，ie7以下定位在当前元素是html怎么理解上面的话呢，其实这需要与css配合使用，我们先看例子：<!DOCTYPE HTML><html><head>...
复制链接

扫一扫