日期:2014-05-17  浏览次数:20578 次

我想用js控制css切换,求教高手,在线急等!
我有一个样式表 有一个jsp的循环列表,列表的table,tr,td用的其中的样式,现在我想点击列表中其中一行的一个td,然后该行的所有td的样式发生变化,别如字体变大换行,请问怎么写这个css和js

------解决方案--------------------
HTML code

<style>
.a{font-size:12pt}
.b{font-size:20pt;color:blue}
</style>
<SCRIPT LANGUAGE="JavaScript">
function cg(index)
{
    var table = document.getElementById("table1");
    for (var i=0;i<table.rows.length;i++)
    {
        if(i==index)
            table.rows[i].className="b";
        else
            table.rows[i].className="a";
    }
}
</SCRIPT>

<TABLE border=1 width=200 id="table1" class="a">
<TR onclick="cg(this.rowIndex)">
    <TD>1</TD>
    <TD>1</TD>
    <TD>1</TD>
</TR>
<TR onclick="cg(this.rowIndex)">
    <TD>2</TD>
    <TD>2</TD>
    <TD>2</TD>
</TR>
<TR onclick="cg(this.rowIndex)">
    <TD>3</TD>
    <TD>3</TD>
    <TD>3</TD>
</TR>
</TABLE>