森林海
2018-12-20 18:19:16
<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>有如上導航,現(xiàn)在默認 class="active" 在第一個li上面.怎么寫個js代碼, 讓點擊哪個菜單 class="active" 就跑到哪個li里面?
1 回答

心有法竹
TA貢獻1866條經(jīng)驗 獲得超5個贊
<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>
添加回答
舉報
0/150
提交
取消