通过元素的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");