一个扁平化的页面导航条 链接点到哪里就跳转到固定位置。现在想用js做导航条选中样式。有点懵。

Question

<nav class="navbar"><!--这是导航条-->
 <div class="navbar-center">
        <div class="brand"><a href="index.html">首页图标</a></div>
        <ul id="header">
            <li class="link"><a class="listlink" href="#">link</a></li>
            <li class="link"><a class="listlink" href="#story" >link</a></li>
            <li class="link"><a class="listlink" href="#">link</a></li>
            <li class="link"><a class="listlink" href="#">link</a></li>
            <li class="link"><a class="listlink" href="#">link</a></li>
        </ul>
    </div>
</nav><!--导航结束-->

这是js

function js(id){
 return document.getElementById(id).getElementsByTagName('li');
}
for(var i=0; i<js('header').length; i++){
 js('header')[i].onClick=function(){
  delcolor();
  js('header')[i].style.color= '#f00';
 }
}
function delcolor(){
 for( var i=0; i<js('header').length; i++){
  js('header')[i].style.color = '#666';
 }
哪里出的问题呢？求解答谢谢

Answer 1

怎么不用JQUERY？你这个多麻烦