chrome下获取元素实际margin的方法

传统使用document.body.style.marginTop只能获取到内联的样式

 

但是如果使用css中定义的margin，则无法获取到元素实际的高度，如：

  body { margin: 10px }

 

 

参考如下文章，可解决：

http://javascript.info/tutorial/styles-and-classes-getcomputedstyle

 

 

<script>

06	if (window.getComputedStyle) {

07	var computedStyle = getComputedStyle(document.body, null)

08

} else {

09	computedStyle = document.body.currentStyle

10

}

11	alert(computedStyle.marginTop)

12

</script>