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>