elem.style.left与elem.offsetLeft的区别 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> elem.style.left与elem.offsetLeft的区别

elem.style.left与elem.offsetLeft的区别

浏览:1682次出处信息

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技术博客大学习

<< 前一篇：图片旋转的小例子

后一篇：relatedTarget, fromElement, toElement >>

文章信息

作者：小寒来源：记事本
标签： offsetLeft
发布时间：2010-08-06 00:15:38

近3天十大热文