javascript - 如何计算 HTML 元素的左边距

Question

有没有一种方法可以编写一个 javascript 函数，让任何 HTML 元素告诉我它的“margin-left”(以像素为单位)。 (我想无论是什么算法，它都可以重新应用以获得 margin-right、top 和 bottom)

一个解决方案是这样的:

function(htmlElement) {
    return htmlElement.style.marginLeft;
}

但这只有在 marginLeft 应用于该 html 元素时才有效。

如果未明确设置，我如何计算它？如果没有明确设置像素？

Answer 1

您可以使用 window.getComputedStyle() 来完成此操作.

jsFiddle

window.getComputedStyle(elem, null).getPropertyValue("margin-left");

因此 elem.style.marginLeft 获取应用的 CSS 值，getComputedStyle 获取应用所有内容后的实际计算值。

getComputedStyle 在 IE8 中不起作用，但是有一堆 polyfills 可用:

• > Polyfills-for-IE8 / getComputedStyle.js
• > A simpler polyfill