課程
/前端開(kāi)發(fā)
/JavaScript
/Tab選項(xiàng)卡切換效果
為什么我的實(shí)現(xiàn)不了呢?
2017-05-10
源自:Tab選項(xiàng)卡切換效果 1-5
正在回答
window.onload=function(){
? ? ? ? // 將所有點(diǎn)擊的標(biāo)題和要顯示隱藏的列表取出來(lái)
? ? ? ? var titls=document.getElementById("menu").getElementsByTagName("p");
? ? ? ? var uls=document.getElementById("menu").getElementsByTagName("ul");
? ? ? ? // 遍歷所有要點(diǎn)擊的標(biāo)題且給它們添加索引及綁定事件
? ?if(titls.length=uls.length){
? ? ? ?for(var i=0;i<titls.length;i++){
? ? ? ? ? ?titls[i].id=i;
? ? ? ? ? console.log(titls[i]); //遍歷顯示3個(gè)p元素
? ? ? ? ? ?titls[i].onclick=function(){
? ? ? ? ? ? console.log(titls[i]); ? //undefined ?到這里就已經(jīng)不能指向原來(lái)的p元素了
? ? ? ? ? ? for(var j=0;j<uls.length;j++){ ?//此處仍然需要對(duì)所有ul元素進(jìn)行設(shè)置
? ? ? ? ? ? uls[j].style.display = 'none';
? ? ? ? ? ? }
? ? var ul = this.parentNode.querySelector('ul');
? ? ul.style.display = 'block';
? ? ? ? ? ? /*if(uls[this.id].style.display="block"){ ? ?沒(méi)有遍歷,只能對(duì)一個(gè)元素進(jìn)行設(shè)置
? ? ? ? ? ? ? ? ? uls[this.id].style.display="none" ;
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ?uls[this.id].style.display="block";
? ? ? ? ? ? } */
? ? ? ? ? ?} ?
? ? ? ?}
//當(dāng)然還有的錯(cuò)誤是你各種大括號(hào)小括號(hào)寫(xiě)錯(cuò)了
}
? ? }
舉報(bào)
本課程詳細(xì)介紹網(wǎng)頁(yè)頁(yè)面中最流行常用的tab切換效果
2 回答為什么當(dāng)我刪除了這一段代碼效果就不顯示了呢?
2 回答為什么不顯示?
1 回答為什么我的timer 是undefined呢?
2 回答為什么在瀏覽器顯示報(bào)錯(cuò)是這個(gè)括號(hào)的呢?括號(hào)會(huì)有什么問(wèn)題?
3 回答為什么我把this.id換成i結(jié)果就不對(duì)了?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-05-10
window.onload=function(){
? ? ? ? // 將所有點(diǎn)擊的標(biāo)題和要顯示隱藏的列表取出來(lái)
? ? ? ? var titls=document.getElementById("menu").getElementsByTagName("p");
? ? ? ? var uls=document.getElementById("menu").getElementsByTagName("ul");
? ? ? ? // 遍歷所有要點(diǎn)擊的標(biāo)題且給它們添加索引及綁定事件
? ?if(titls.length=uls.length){
? ? ? ?for(var i=0;i<titls.length;i++){
? ? ? ? ? ?titls[i].id=i;
? ? ? ? ? console.log(titls[i]); //遍歷顯示3個(gè)p元素
? ? ? ? ? ?titls[i].onclick=function(){
? ? ? ? ? ? console.log(titls[i]); ? //undefined ?到這里就已經(jīng)不能指向原來(lái)的p元素了
? ? ? ? ? ? for(var j=0;j<uls.length;j++){ ?//此處仍然需要對(duì)所有ul元素進(jìn)行設(shè)置
? ? ? ? ? ? uls[j].style.display = 'none';
? ? ? ? ? ? }
? ? var ul = this.parentNode.querySelector('ul');
? ? ul.style.display = 'block';
? ? ? ? ? ? /*if(uls[this.id].style.display="block"){ ? ?沒(méi)有遍歷,只能對(duì)一個(gè)元素進(jìn)行設(shè)置
? ? ? ? ? ? ? ? ? uls[this.id].style.display="none" ;
? ? ? ? ? ? }else{
? ? ? ? ? ? ? ?uls[this.id].style.display="block";
? ? ? ? ? ? } */
? ? ? ? ? ?} ?
? ? ? ?}
//當(dāng)然還有的錯(cuò)誤是你各種大括號(hào)小括號(hào)寫(xiě)錯(cuò)了
}
? ? }