点选行的背景颜色改变，但上次点的背景颜色保持最初的颜色

      有时要做到在一个Table中点选某一行改变背景颜色，但上次点的背景颜色保持最初的颜色。这样能够让用户知道刚才点选了那一行，还有就是能能行的数据用javascript还原到Form中实现修改数据。
代码如下：
　　

 1  < form  name ="theForm" >
 2     < input  type ="text"  name ="userName" >
 3  </form>
 4 <table>
 5    <tr bgcolor="#CCCCCC"       onclick="changeBackColor(this,'harryson')">
 6      <td>用户名--Harryson</td>
 7    </tr>
 8 </table>
 9 
10 <script language="javascript">
11       var sltObj=null;//原来的行对象
12     var befColor = "";//原来行对象的背景颜色
13          //方法用来改变当前行的背景颜色，还原原来行的背景颜色,把设置的值写到表单中
14       function changeBackColor(ARG,userName){
15         if (sltObj == ARG) {
16             return true;
17         } else {    
18             if(sltObj!=null) {
19                 sltObj.bgColor= befColor;
20             }
21             befColor = ARG.bgColor;
22             //alert(befColor);
23             ARG.bgColor="#66CC99";
24         }    
25               
26           sltObj = ARG;
27               parent.document.theform.userName.value = userName;//表示table是在iframe中
28 document.theform.userName.value = userName;//表示table是相同的from中
29 }
30 </script>

个人还是比较人性化的，：）