javascript 中 dom 的问题 如a.style.marginLeft

发过好几个同类贴了

之前甚至没有弄清问题出在哪

现在 重新 描述一下：

test.jsJScript code:
function test(id){
var a =document.getElementById(id);
document.write("a.style.marginLeft:"+a.style.marginLeft+"<br/>");
}


test.css
CSS code:
*{
margin:0px;
padding:0px;
}

body{
border:1px solid #FF0000;
}

.test{
margin-left:20px;
border:1px solid #FF0000;
}


test.html
HTML code:
<link rel="stylesheet" type="text/css" href="test.css"/>
<script language="javascript" type="text/javascript" src="test.js"></script>

<div id="test" class="test">SBCDEF</div>

<script type="text/javascript">

test("test");
</script>



问题描述：

1.访问上面test.html 读出的a.style.marginLeft 是空，而不是 test.css 文件中定义的20px。

2.如果把 test.css 中关于margin-left的定义，直接写入 test.html中：如 <div id="test" class=&quo