亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何實現div串的漸顯漸隱?

如何實現div串的漸顯漸隱?

慕碼人8056858 2019-04-19 16:12:54
最近碰到一個問題,將問題簡化了一下寫出來,希望得到大家的指點。下面是問題:功能實現:點擊一個顯示的div,該div隱藏,下一個div顯示;再次點擊顯示的div...依次進行。源代碼為方便查看,下面也給出源代碼:1234567css:.myDiv{display:inline-block;width:50px;height:20px;background-color:lightgreen;}.myDiv:not(:nth-child(1)){visibility:hidden;}js:window.onload=function(){varcur=1;varcurDiv=document.getElementById("div"+cur);varnextDiv=document.getElementById("div"+++cur);curDiv.onclick=function(){curDiv.style.visibility="hidden";nextDiv.style.visibility="visible";}}目前的問題是只能進行第一次點擊,之后就無法通過點擊觸發事件了。求教問題出在哪里,如何改進,或者有其他更好的方法?
查看完整描述

2 回答

?
呼如林

TA貢獻1798條經驗 獲得超3個贊

下面是我根據你的需求寫的一個效果(不知道是不是這樣)。
Document
    1
    2
    3
    4
varaDemo=document.querySelectorAll('.demo'),
_now=0;
for(vari=0;iaDemo[i].addEventListener('click',function(){
if(_now===aDemo.length-1){
_now=0;
}else{
_now+=1;
}
this.className='demo';
aDemo[_now].className+='active';
});
};
你自己的寫那個問題在于只給了一個綁定了事件,所以只有點擊第一個才有效果。你需要的是給所有都綁定上事件。不需要一個一個使用id來獲取,可以使用getElementsByTagName來獲取一個元素集合,然后用for循環來給每一個元素綁定事件!
                            
查看完整回答
反對 回復 2019-04-19
  • 2 回答
  • 0 關注
  • 771 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號