首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

取得Css样式宽度的有关问题

2012-03-16 
取得Css样式宽度的问题?.w80{width:80px}divclass w80 id m AAA /divvaredocument.getElemen

取得Css样式宽度的问题?
.w80{width:80px;}

<div   class= "w80 "   id= "m "> AAA </div>

var   e=document.getElementById( 'm ');
alert(e.style.width);       // <--------------------取到的值为null

==============================================
<div   style= "width:80px; "   id= "m "> AAA </div>

var   e=document.getElementById( 'm ');
alert(e.style.width);       // <-------------------取得的值为‘80px’


这是什么原因?我想用第一个方式取道width值,有什么办法?




[解决办法]
alert(e.offsetWidth);
[解决办法]
<style>
.w80{width:80px; height:20px}
</style>
function getc(){
var ec=document.styleSheets[0];
var ew=ec.rules[0];
alert(ew.style.width);//80px
}
[解决办法]
class中的值无法用style获得的,楼上的可以,还可以用document.styleSheets来得到样式表
[解决办法]
currentStyle
--------------------

<style>
.w80{width:80px;}
</style>
<div class= "w80 " id= "m "> AAA </div>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
var e=document.getElementById( 'm ');
alert(e.currentStyle.width);
//-->
</SCRIPT>

热点排行