您现在的位置:首页 --> JavaScript --> elem.style.left与elem.offsetLeft的区别
elem.style.left与elem.offsetLeft的区别
浏览:1188次 出处信息
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天十大热文
- [55] IOS安全–浅谈关于IOS加固的几种方法
- [55] Oracle MTS模式下 进程地址与会话信
- [54] 如何拿下简短的域名
- [53] android 开发入门
- [52] Go Reflect 性能
- [52] 图书馆的世界纪录
- [49] 读书笔记-壹百度:百度十年千倍的29条法则
- [47] 【社会化设计】自我(self)部分――欢迎区
- [38] 程序员技术练级攻略
- [33] 视觉调整-设计师 vs. 逻辑