新手问一个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

  <script>

     var oUl = document.querySelector(".nav");

            

            oUl.onclick = function (e) {

                 oCur= oUl.querySelector(".active");

            if(oCur){

            oCur.className="";

            }

          e = e || window.event;

        var tag = e.target || e.srcElement;

        if(tag.nodeName.toLocaleLowerCase()=="li"){

           // console.log(tag.innerHTML);

             tag.className = "active"

        }

    };

  </script>