Question

javascript 脚本如何控制CSS样式

<div id="left_navigation"><!--左导航-->
<ul>
<li > <a href="#">公司简介</a></li>
<li > <a href="#">公司动态</a></li>
<li > <a href="#">产品和服务</a></li>
<li > <a href="#">合作伙伴</a></li>
<li class="nonce"> <a href="#">团队建设</a></li>
<li > <a href="#">诚聘英才</a></li>
<li > <a href="#">法律声明</a></li>
<li > <a href="#">友情链接</a></li>
<li > <a href="#">联系我们</a></li>
</ul>
</div>
上面是个导航我怎么才能在点击第一项时把样式class="nonce 转过去而删除刚才被选中的样式呢？ 请大家帮帮忙。

Answer 1

第一种：根据url来判断,根据url对应的页面，设定每一项的样式。
第二种：添加onclick处理函数，函数里边先遍历 ，去掉所有<li>的样式，然后再给触发事件的<li>加上样式

Answer 2

你说的意思可能不是楼上的，一个连接样式表完全可以控制鼠标放上去，点击之后的样式！
比如：做一个连接样式：A5

a.a5{color:#000000;<br/> font-size:14px;<br/> text-decoration:none}
a.a5:hover{color:FF4200;<br/> font-size:14px;<br/> text-decoration:none}
a.a5:link {FONT-SIZE: 14px;text-decoration: none;color: #000000;}
a.a5:visited {FONT-SIZE: 14px;COLOR: #666666;text-decoration: none;}

Answer 3

点击哪个第一项？ 公司简介？
/*js
<script>
function removecss(a){
document.getElementById(a).className="";
}
</script>

div id="left_navigation"><!--左导航-->
<ul>
<li onclick="removecss('aa')" > <a href="#">公司简介</a></li>
<li > <a href="#">公司动态</a></li>
<li > <a href="#">产品和服务</a></li>
<li > <a href="#">合作伙伴</a></li>
<li class="nonce" id="aa"> <a href="#">团队建设</a></li>
<li > <a href="#">诚聘英才</a></li>
<li > <a href="#">法律声明</a></li>
<li > <a href="#">友情链接</a></li>
<li > <a href="#">联系我们</a></li>
</ul>
</div>