一个扁平化的页面导航条 链接点到哪里就跳转到固定位置。现在想用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><!--导航结束-->这是jsfunction 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？你这个多麻烦