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

超级菜有关问题,如何检查css样式有没定义

2012-02-03 
超级菜问题,怎么检查css样式有没定义?style.xx{color:#ffffff}/styledivid x /divscriptlang

超级菜问题,怎么检查css样式有没定义?
<style>
.xx   {
color:#ffffff;
}
</style>
<div   id= "x "> </div>
<script   language= "JavaScript ">
<!--
var   o   =   document.getElementById( "x ");
o.className   =   "xx ";
alert(o.style.cssText);//不对!!!!!!!!!!!!!
//-->
</script>

[解决办法]
你都已经写出来了:就是className
[解决办法]
[个人意见,仅供参考]

//注意1:加上 <body> ,否则document.getElementById无效
//注意2:用正则。


<style>
.xx {
color:#ffffff;
}
</style>

<body>
<div id= "x "> </div>
</body>

<script language= "JavaScript ">
<!--
try{
var o = document.getElementById( "x ");
o.className = "xx ";
//alert(o.style.cssText);//不对!!!!!!!!!!!!!
var str = document.styleSheets[0].cssText.match(/\{((.|\n)*)\}/)[1].replace(/[\t\s] /g, " ");
alert(str);

}
catch(e){
alert(e.message);
}
//-->
</script>
[解决办法]
css样式中以.开头定义的应该是 "类 "吧,如果定义id应该是#开头吧!
<style>
.xx {
color:#ffffff;
}
</style>
改成
<style>
#xx {
color:#ffffff;
}
</style> 试试

热点排行