森林海
2018-12-20 18:19:16
<div class="col-sm-9"><ul class="nav nav-pills"><li class="active"> <a href="/">默認(rèn)</a> </li><li> <a href="/?order=-pub_date" onclick="active(this);">話(huà)題1</a> </li><li> <a href="/?order=is_tui">主題1</a> </li><li> <a href="/?order=is_good">主題2</a> </li></ul></div>有如上導(dǎo)航,現(xiàn)在默認(rèn) class="active" 在第一個(gè)li上面.怎么寫(xiě)個(gè)js代碼, 讓點(diǎn)擊哪個(gè)菜單 class="active" 就跑到哪個(gè)li里面?
1 回答

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