Question

    <style type="text/css">
        fieldset {
            border: solid 1px orange
        }
        .label {
            font-family: Arial;
            font-size: 12px;
            font-weight: bold
        }
        .groupName {
            font-family: Segoe UI;
            font-size: 16px;
            color: Gray
        }
    </style>

    <script type="text/javascript" src="libs/json2.js"></script>
    <script type="text/javascript" src="libs/jquery.js"></script>
    <script type="text/javascript" src="libs/sap.common.globalization.js"></script>
    <script type="text/javascript" src="libs/sap.riv.base.js" base-url="modules/"></script>
    <script type="text/javascript" src="modules/main.js"></script>
    <script type="text/javascript" src="libs/sap.riv.themes.js"></script>
</head>
<body>
    <div id="chart" style="width: 600px; height: 400px; background-color: #ffffff"><div id="0" style="position: absolute; font-size: 10px; box-sizing: border-box; overflow-x: visible; overflow-y: visible; left: 8px; top: 8px; width: 600px; height: 400px; ">`

在chrome中我可以看到

 body{
 display:block;
 margin: 8px;
}

我使用document.getElementsByTagName（'body'）。style但什么都没有。

我的第一个div位于top＆amp; left：8px的html body。

但它确实有保证金，我怎么能得到这个默认保证金值？

Answer 1

document.getElementsByTagName('body')成功返回数组要摆脱身体边缘使用正常的CSS

body{
    margin: 0;
}

编辑：我发现这个函数可以为你提供quirksmode

上的元素样式

function getStyle(el,styleProp)
{
    if (el.currentStyle)
        var y = el.currentStyle[styleProp];
    else if (document.defaultView && document.defaultView.getComputedStyle)
        var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp);
    return y;
}

Fiddle1 Fiddle2

Answer 2

您可以查看以下链接：

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

检查身体边缘值（http://jsfiddle.net/eMnBL/6/）：

var computedStyle = window.getComputedStyle ? getComputedStyle(document.body, null) : document.body.currentStyle;

alert(computedStyle['marginTop']);

默认的body margin，我没有设置，但它确实有默认值8px，怎么能得到这个值？

2 个答案: