网站左侧导航问题

Question

<ul>
<li class="jiacu-heise">我的购物车</li>
<li><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>
当我点击其中一项时，会加一个class="jiacu-heise"的样式~！
此效果用js如果实现？

Answer 1

<style>
.jiacu-heise a { font-weight:bold; color:Black }
</style><ul>
<li><a href="#" >我的购物车</a></li>
<li><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><script>
window.onload = function() {
var els = document.getElementsByTagName("li");
for (var i = 0; i < els.length; i++) {
els[i].onclick = function() {
for (var j = 0; j < els.length; j++)
els[j].className = '';
this.className = 'jiacu-heise';
}
}
}
</script>