新手问一个js按钮点击问题．

Question

<div class="col-sm-9">

<ul class="nav nav-pills">

<li class="active"> <a href="/">默认</a> </li>

<li> <a href="/?order=-pub_date" onclick="active(this);">话题1</a> </li>

<li> <a href="/?order=is_tui">主题1</a> </li>

<li> <a href="/?order=is_good">主题2</a> </li>

</ul>

</div>

有如上导航，现在默认 class="active" 在第一个li上面．

怎么写个js代码，　让点击哪个菜单　class="active" 就跑到哪个li里面？　

Answer 1

&nbsp; <script>&nbsp; &nbsp; &nbsp;var oUl = document.querySelector(".nav");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oUl.onclick = function (e) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;oCur= oUl.querySelector(".active");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(oCur){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; oCur.className="";&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; e = e || window.event;&nbsp; &nbsp; &nbsp; &nbsp; var tag = e.target || e.srcElement;&nbsp; &nbsp; &nbsp; &nbsp; if(tag.nodeName.toLocaleLowerCase()=="li"){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// console.log(tag.innerHTML);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;tag.className = "active"&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };&nbsp; </script>