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

发布时间：2020-12-14 21:23:34 所属栏目：资源来源：网络整理

导读：感兴趣的小伙伴，下面一起跟随编程之家 jb51.cc的小编来看看吧。 elem.style.left是元素的最左边（包括元素的margin-left）到offsetParent左边padding（包括左边padding）的距离。用公式简单的表示一下两者的关系： elem.offsetLeft = elem.style.left + ele

感兴趣的小伙伴，下面一起跟随编程之家 52php.cn的小编来看看吧。
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];
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!