課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
為什么我的選項卡實現(xiàn)切換效果后,內(nèi)容卻消失了。
2016-06-30
源自:JavaScript進階篇 10-1
正在回答
幫你改了一下 ?原因我不清楚 不過改完還是出錯我也不太會 不過效果出來了
function changeTab(obj){
? ? ? ? ? ? var tabs = document.getElementsByClassName("tab");
? ? ? ? ? ? var tabs_active = document.getElementsByClassName("tab_active")[0];
? ? ? ? ? ? var contents = document.getElementsByClassName("content");
? ? ? ? ? ? var contents_active = document.getElementsByClassName("content_active")[0];
for(var i = 0; i<tabs.length; i++){
if(tabs[i] == obj){
var index = i;
tabs_active.className = "tab";
tabs[i].className = "tab tab_active";
contents[index].className = "content content_active";
? ? ? ? ? ? ? ?contents_active.className = "content";
}
GiveMeGeek 提問者
感覺是因為getElemensByClassName的問題 獲取ul標簽 然后你修改了className?
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
2 回答選項卡切換內(nèi)容全沒了
1 回答選項卡切換問題
1 回答js 實現(xiàn)選項卡切換
1 回答選項卡的切換怎么實現(xiàn)不了?
3 回答怎么實現(xiàn)選項卡切換的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-07-01
幫你改了一下 ?原因我不清楚 不過改完還是出錯我也不太會 不過效果出來了
function changeTab(obj){
? ? ? ? ? ? var tabs = document.getElementsByClassName("tab");
? ? ? ? ? ? var tabs_active = document.getElementsByClassName("tab_active")[0];
? ? ? ? ? ? var contents = document.getElementsByClassName("content");
? ? ? ? ? ? var contents_active = document.getElementsByClassName("content_active")[0];
for(var i = 0; i<tabs.length; i++){
if(tabs[i] == obj){
var index = i;
tabs_active.className = "tab";
tabs[i].className = "tab tab_active";
contents[index].className = "content content_active";
? ? ? ? ? ? ? ?contents_active.className = "content";
}
}
}
2016-07-01
感覺是因為getElemensByClassName的問題 獲取ul標簽 然后你修改了className?