Question

javascript 获取 css中的样式数据 详细内容入下

<style type="text/css">
#a_id .a_style{xxx:xx xx;xxxx:xx;}
</style>
<div id="a_id">
<div class="a_style"> 123 </div>
</div>
怎么用javascript 获得 #a_id .a_style{xxx:xx xx;xxxx:xx;} 大括号里面的东西

Answer 1

<style type="text/css">
#a_id .a_style{xxx:xx xx;xxxx:xx;}
</style>
<div id="a_id">
<div class="a_style"> 123 </div>
</div>

<script type="text/javascript">
var r=document.styleSheets[0].rules||document.styleSheets[0].cssRules;
for(i=0;i<r.length;i++){
if(r[i].selectorText=="#a_id .a_style")alert(r[i].style.cssText);
}
</script>