onclick改变classname

<style>
.on1 { background-color:#993333;
}
.on2 { background-color:#FFFFFF;
}</style>
<ul>
<li   onclick=aa(this)><a href="#">我的主题</a></li>
<li   onclick=aa(this)><a href="#">我的精华</a></li>
</ul>
<script>
i=null
function aa(x)
{
if(i!==null)
i.className = "on2";
x.className = "on1";
i=x
}
</script>