网络编程
位置:首页>> 网络编程>> JavaScript>> Javascript 获取css属性

Javascript 获取css属性

 来源:asp之家 发布时间:2009-05-31 16:49:00 

标签:ccss,javascript,属性

 

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

 

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com