怎么点击aaa改变表格单元的背景图

如何点击aaa改变表格单元的背景图？
一个单元格，
<table>
<tr> <td> aaaa </td> </tr>
</table>

------解决方案--------------------
<table>
<tr> <td style= "background-image:url(none); " onclick= "this.style.backgroundImage= 'url(abc.gif) '; "> aaaa </td> </tr>
</table>

------解决方案--------------------
<style>
.up{background-image:url(none);}
.dn{background-image:url(abc.gif);}
</style>
<script>
var old = null;
function change(obj){
if(old != null) old.className = "dn ";
obj.className = "up ";
old = obj;
}
</script>
<table>
<tr> <td class= "dn " onclick= "change(this); "> aaaa </td> </tr>
</table>
------解决方案--------------------
这样的话，如果有好多单元格，那不是都改变背景图了，我是想点哪个，哪个变，其其他的在恢复原图
------------------------------------------------
你在触发事件中多传递一个参数就好了！！

------解决方案--------------------
使用一个全局变量记录上一次点击的那个td的行列，等第二次点击的时候把上次的td的css设为默认的