您现在的位置:首页 --> JavaScript --> elem.style.left与elem.offsetLeft的区别
elem.style.left与elem.offsetLeft的区别
浏览:1183次 出处信息
elem.style.left是元素的最左边(包括元素的margin-left)到offsetParent左边padding(包括左边padding)的距离。
用公式简单的表示一下两者的关系:elem.offsetLeft = elem.style.left + elem.style.marginLeft
在IE8下:
elem.offsetLeft = elem.style.left + elem.style.marginLeft + elem.offsetParent.borderLeftWidth
在IE7下:
elem.offsetLeft = elem.style.left + elem.style.marginLeft + elem.offsetParent.borderLeftWidth + elem.offsetParent.marginLeftWidth
在IE6下:
elem.offsetLeft = elem.style.left + elem.style.marginLeft + elem.offsetParent.paddingLeftWidth + elem.offsetParent.borderLeftWidth + elem.offsetParent.marginLeftWidth
记录一下,如何取得元素的”计算出的样式”。
以下是代码片段: function getCurrentStyle(elem, style) { return window.getComputedStyle ? window.getComputedStyle(elem, null)[style] : elem.currentStyle[style]; } |
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:图片旋转的小例子
文章信息
- 作者:小寒 来源: 记事本
- 标签: offsetLeft
- 发布时间:2010-08-06 00:15:38
近3天十大热文
- [11] 产品设计之QQ邮箱登录页与淘宝登录页
- [10] 逃出你的肖申克(五):看不见的牢笼(上)
- [9] Python连接 MySQL 数据库的超时问
- [9] 分布式系统的事务处理
- [8] 浅述各平台系统交互设计的不同关注点
- [8] 社交网络语法:关于“Checkin”
- [8] Eclipse开发Android应用程序入门
- [8] 读书:谣言
- [8] 数据与理论结合,让交互设计更专业
- [8] 关于不得不在python中使用代理访问网络的