<style>
body { margin: 10px }
</style>
<body>
<script>
console.log(document.body.style.marginTop);
</script>
</body>
问题:
在 firefox->console 中显示 : (an empty string)
,为什么?
<style>
body { margin: 10px }
</style>
<body>
<script>
console.log(document.body.style.marginTop);
</script>
</body>
问题:
在 firefox->console 中显示 : (an empty string)
,为什么?
window.getComputedStyle(document.body).marginTop
document.body.style
返回内联样式
你可以这样做:
var e = document.getElementsByTagName('body')[0],
style = window.getComputedStyle(e),
marginTop = style.getPropertyValue('margin-top');
console.log(marginTop);