读书人

小弟我想用js控制css切换求教高手

发布时间: 2012-08-10 12:19:33 作者: rapoo

我想用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> 

读书人网 >CSS

热点推荐