javascript控制div

Question

#coverlogin{
width: 320px; 
height: 0.1em;  
overflow:hidden;
visibility: hidden;
position:absolute;
top:0px;
left:0px;
}<div id="coverlogin">
test
</div>
这样的方式定义了一个div,为什么用javascript的document.getElementById("coverlogin").style.top方式没有办法获取它的top值呢？但是在程序里面给top赋值以后就可以取出来了，难道在css里面定义的top:0px没有用嘛？

Answer 1

css运行机制的问题
用：document.getElementById("coverlogin").style.offsetTop

Answer 2

document.getElementById("coverlogin").currentStyle.top

Answer 3

document.styleSheets[0].rules[0].style.top或者
onclick="alert(this.currentStyle.top)"