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