第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎樣實現(xiàn)導(dǎo)航欄單擊切換,單擊第一個添加了一個class,但是怎么在單擊第二個時,移除第一個的class

怎樣實現(xiàn)導(dǎo)航欄單擊切換,單擊第一個添加了一個class,但是怎么在單擊第二個時,移除第一個的class

笑出強(qiáng)大_0 2017-07-29 17:33:10
? ? window.onload = function(){? ? ? ? var li=document.getElementsByTagName("li");? ? ? ? for(var i=0;i<li.length;i++){? ? ? ? ? ? li[i].onclick = function(){? ? ? ? ? ? ? ? this.className="active";? ? ? ? ? ? }? ? ? ? ? ? li[i].className="";? ? ? ? }? ? }
查看完整描述

2 回答

已采納
?
千秋此意

TA貢獻(xiàn)158條經(jīng)驗 獲得超188個贊

// 你這代碼改改就行, 套兩個循環(huán)直接取消所有的class

window.onload?=?function()?{
????var?li?=?document.getElementsByTagName("li");

????for?(var?i?=?0;?i?<?li.length;?i++)?{
????????li[i].onclick?=?function()?{
????????????for?(var?i?=?0;?i?<?li.length;?i++)?{
????????????????li[i].className?=?"";
????????????}
????????????this.className?=?"active";
????????}
????}
}


// 或者把前一個li保存起來

window.onload = function() {
??? var li = document.getElementsByTagName("li");
??? var preNode = null;

??? for (var i = 0; i < li.length; i++) {
??????? li[i].onclick = function() {
??????????? if (preNode !== null) {
??????????????? preNode.className = '';
??????????? }
??????????? preNode = this;
??????????? this.className = "active";
??????? }
??? }
}

查看完整回答
2 反對 回復(fù) 2017-07-30
?
前端小蝸牛_

TA貢獻(xiàn)9條經(jīng)驗 獲得超5個贊

原生js:定義一個函數(shù),把this對象作為參數(shù),遍歷li,進(jìn)行對比,不滿足條件就去掉。

jquery:..不談,你這是原生js。。

查看完整回答
反對 回復(fù) 2017-07-29
  • 2 回答
  • 0 關(guān)注
  • 2127 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號