javascript - 如何在纯 JavaScript 中获取 div 的边距值？

Question

我可以在 jQuery 中获取高度

$(item).outerHeight(true);

但是我如何使用 JS？

我可以得到li的高度

document.getElementById(item).offsetHeight

但是当我尝试 margin-top 时我总是会得到“”:

document.getElementById(item).style.marginTop

Answer 1

style 对象的属性只是直接应用于元素的样式(例如，通过 style 属性或在代码中)。所以 .style.marginTop 只有在你有特定分配给该元素的东西(不是通过样式表等分配的)时才会有东西。

要获取对象的当前计算样式，您可以使用 currentStyle属性 (Microsoft) 或 getComputedStyle功能(几乎所有其他人)。

例子:

var p = document.getElementById("target");
var style = p.currentStyle || window.getComputedStyle(p);

display("Current marginTop: " + style.marginTop);

公平警告:您返回的内容可能不是以像素为单位。例如，如果我在 IE9 中的 p 元素上运行上面的代码，我会返回 "1em"。

Live Copy | Source