javascript 改变 css样式

<style type="text/css">
#header{margin-bottom:10px;}
#header ul{list-style:none;margin:0px;}
#header ul li{display:block;float:left;width:150px;height:30px;line-height:30px;border:1px solid red;text-align:center;border:1px solid #5B5B5B;background:#000000;}
#header ul li a{color:#ffffff;display:block;font-style:oblique;font-size:16px;width:150px;height:30px;line-height:30px;text-decoration:none;font-weight:bold;}
#header ul li a:hover{background：white;}
#header ul li a.active{background:yellow;color:#000000}
</style>
<script>
function changeIt(obj)
{
/*    现在想onclick 时，把 <li> 里的 <a>标签 的css变成#active  这里该怎么写？？ */
obj.className="active";
}
</script>
<div id="header">
    <ul>
        <li><a onclick="changeIt(this)" href="#">我要投票</a></li>
        <li><a onclick="changeIt(this)" href="#">论坛交流</a></li>
    </ul>
</div>