为何给当前点击的事件添加样式不成功，请高手指教

<body onload="changerStyle()">
<ul> 
<li><a href="index.jsp" class="aon" >电台首页</a></li>
<li><a href="pdjs" id="channel">频道介绍</a></li> 
<li><a href="jmjs" id="channel">节目介绍</a></li>  
<li><a href="jchd" id="channel">精彩活动</a></li>  
<li><a href="zcfc" id="channel">主持风采</a></li>  
<li><a href="csdhb" id="channel">城市大海报</a></li>  
<li><a href="hsrw" id="channel" >徽商人物</a></li> 
<li><a href="ggkw" id="channel">广告刊例</a></li>  
<li><a href="tyly" id="channel">听友留言</a></li>
</ul>
</body>
<script>
function changerStyle(){    for(var i=0;i<document.all.channel.length;i++){         if(document.all.channel[i].onclick){
              document.all.channel[i].clazz = "aon";
         }    }}
</script>

解决方案 »

  1.   

    N个问题：
    1.id属性值必须是唯一的；
    2.document.all属性是IE Only的；
    3.设置样式名要通过className属性，而不是你自创的clazz；
    4.链接点击后就跳转了，你给它设置个样式有意义吗？function changerStyle() {
        var links = document.getElementsByTagName('ul')[0].getElementsByTagName('a');
        for (var i = 0; i < links.length; i ++) {
            link[i].onclick = function() {
                for(var j = 0; j < links.length; j ++) links[j].className = '';
                this.className = 'aon';
            }
        }
    }
      

  2.   

    id 换成name没意义啊，我现在都能定位标签位置，就是document.all.channel[i].onclick == null
    不知为何？ 
      

  3.   

    首先，你根本没给a标签添加任何事件，他的onclick何来事件，其次，id只能出现一次。最后，看到document.all就头大，完全不考虑非IE浏览器
      

  4.   


    说的也是。我只是大体上给个提问题的思路，没考究太多，我们项目中只给符合IE浏览器的JS即可，问题我已经解决了，不过还是谢谢#2
    对于Id是不是唯一的，我看到有的资料上就是像我这样写的。