如何动态地改变CSS的内容？谢谢

Question

<TD CLASS=c1 id="td1">
<script language=javascript>
    document.getElementById("td1").className="c2"
</script>

Answer 1

1.document.getElementById('mm').addRule(sSelector, sStyle [, iIndex])
  document.getElementById('mm').removeRule(index)
2.<TD CLASS=c1 id=nn>
  document.getElementById('nn').className = 'c2';

Answer 2

this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";
//动态修改CSS的

Answer 3

能动态地改变样式单的定义吗
比如 TD {HEIGHT:20}
动态地改成{HEIGHT:25}

Answer 4

谢谢
是这样
我定义了两个CSS
TD {HEIGHT:20}
.TD1 {HEIGHT:30}
我先设置CLASS=TD1
我可不可以动态地让TD生效，而TD1失效

Answer 5

就像上面说得那样:
<style>
<!--
.c1 {color="red"}
.c2 {color="yellow"}
-->
</style>
...
<form>
<input type="button" value="replace3" 
onclick="document.getElementByID('p1').className='c2';">
<p id="p1" class="c1">change</p>
</form>
...
是可以的三

Answer 6

能动态地改变样式单的定义吗？比如 TD {HEIGHT:20} 动态地改成{HEIGHT:25}
-------------------------------------------------------------------
可以。但应该先删除原来的td定义，再新增td定义。eg;<style id="mm">
td {}
</style>
<table border=1>
<tr>
<td>a</td>
</tr>
</table>
<input type="button" value="修改样式" onclick="modStyle()">
<script language="javascript">
function modStyle()
{
var st=document.styleSheets["mm"];
st.removeRule(0);
st.addRule("td","width:100px;background-color:#F00");
}
</script>我定义了两个CSS TD {HEIGHT:20}.TD1 {HEIGHT:30}
我先设置CLASS=TD1，我可不可以动态地让TD生效，而TD1失效？
-----------------------------------------------------------------
不可以。除非分别定义在两个不同的样式文件中。