如何計算HTML元素的左邊距

Question

有沒有辦法編寫一個javascript函數，給定任何HTML元素告訴我它的'margin-left'以像素為單位。 （我想無論算法如何，都可以重新發布以獲得邊距，頂部和底部）

一個解決方案是：

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

但是只有在該html元素上應用marginLeft時才有效。

如果未明確設置，我該如何計算？ 如果它沒有明確設置像素？

Answer 1

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

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

因此elem.style.marginLeft獲取應用的CSS值， getComputedStyle獲取應用所有內容后的實際計算值。

getComputedStyle在IE8中不起作用，但有一堆polyfill可用：