javaScript获取元素的样式属性

通过元素的style获取

但是这种方法只能获取style属性中的CSS样式,如果属性名为两个单词组合，则使用驼峰写法，比如“margin-top”--->“marginTop”

var e = document.getElementsByTagName("div")[0];
var height = e.style.marginTop;

通过window.getComputedStyle(element, [pseudoElt])来获取

element
用于获取计算样式的Element
pseudoElt 可选
指定一个要匹配的伪元素的字符串。必须对普通元素省略（或null）。

你可以直接拿值

var e = document.getElementsByTagName("div")[0];
getComputedStyle(e,null).marginTop;

也可以通过getPropertyValue(),此时你就不需要用驼峰了，它是什么你就怎么写

var e = document.getElementsByTagName("div")[0];
getComputedStyle(e,null).getPropertyValue("margin-top");