Javascript 获取css属性

<style> 
#L { position:absolute; color:#1c4a74; background-color:#f3faff; border:1px #bfd1eb solid; top:101px; left:101px; } 
</style> 
<div id="L">123 </div> 
<script> 
var obj = document.getElementById("L"); 
var _left = obj.style.left; 
var _top = obj.style.top; 
alert(_left + " - " + _top) 
</script>

 无法获取 left与top值

但这样却可以

code:

<div style="position:absolute; color:#1c4a74; background-color:#f3faff; border:1px #bfd1eb solid; top:101px; left:101px;">123 </div> 
<script> 
var obj = document.getElementById("L"); 
var _left = obj.style.left; 
var _top = obj.style.top; 
alert(_left + " - " + _top) 
</script>

使用currentStyle属性就可以获取CSS中的定义

<script> 
var obj = document.getElementById("L"); 
var _left = obj.currentStyle.left; 
var _top = obj.currentStyle.top; 
alert(_left + " - " + _top) 
</script>