如何动态改变class中的内容

Question

如一页面a.html中有一个样式
.list { display:none; }
被
<div class="list">文本</div>
<div class="list">...</div>
调用
现在b.html中有<iframe ... src="a.html"></iframe>
问题：想写一段JS，实现让框架中的a.html中的样式.list变成{display"block;}而在b.html显现出来，如何实现

Answer 1

由于那个程序没运行，给你写了个能运行的例子，参考下吧
<style>
.list {display:none;} 
</style>
<div class="list" >文本 </div > 
<div class="list" >... </div >
<input onclick="show()">
<script language=javascript>
function show()
{
var   oStyleSheet=document.styleSheets[0];   
     //var   oStyleSheet=iframe的name.document.styleSheets[0];         
      var   oRule=oStyleSheet.rules[0];
       oRule.style.display="block";   
}
</script>