javascript - 如何在 Javascript 中获取 CSS 类属性？

Question

.test {
    width:80px;
    height:50px;
    background-color:#808080;
    margin:20px;
}

HTML -

<div class="test">Click Here</div>

在 JavaScript 中我想得到 margin:20px

Answer 1

对于现代浏览器，您可以使用 getComputedStyle :

var elem,
    style;
elem = document.querySelector('.test');
style = getComputedStyle(elem);
style.marginTop; //`20px`
style.marginRight; //`20px`
style.marginBottom; //`20px`
style.marginLeft; //`20px`

margin 是一种复合样式，跨浏览器不可靠。 -top -right、-bottom 和 -left 中的每一个都应单独访问。

fiddle