2012-05-09 32 views
3
<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 margin,我沒有設置,但是確實有默認值8px,怎麼能得到這個值?

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

我用document.getElementsByTagName( '身體')的風格,但什麼也沒得到。

我的第一個div位於頂部& left:8px的html正文。

但它確實有餘量,我怎麼能得到這個默認的邊距值?

+0

瀏覽器保證金?你想刪除這個邊際? –

回答

3

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; 
} 

Fiddle1Fiddle2

+0

對不起,注意到你,我已經嘗試過document.getElementsByTagName('body')[0] .style undefined。而且我無法更改頁面的佈局,因爲我需要獲取clientX和clientY以獲取div圖中的位置。 –

+0

@ user1363872看到我的編輯 – Musa