javascript做的tab頁(yè)切換問題

科技 未結(jié) 2 1430
大臉貓么么噠
大臉貓么么噠 2023-04-10 02:10

<div id="tabarea"> <ul class="clearFix"> <li>aaaaaaaaaa</li> <li>bbbbbbbbbb</li> <li>cccccccccc</li> <li>ffffdffffdffffdd</li> </ul><div class="box active">1</div> <div class="box">2</div> <div class="box">3</div> <div class="box">4</div> </div><script> function tab(){ var eleId = document.getElementById("tabarea"); var li = eleId.getElementsByTagName("li"); var div = eleId.getElementsByTagName("div");for(var i=0;i<li.length;i++){ li[i].onclick = function(){ for(var j=0; j<li.length; j++) { if (this == li[j]) { li[j].className = "on"; div[j].className = "box active"; } else { li[j].className = ""; div[j].className = "box";} } } } }tab(); </script>

有一處不明白的地方,點(diǎn)擊li[i]的時(shí)候js怎么給第div[i]添加classname的

相關(guān)標(biāo)簽:
2條回答
  • 2023-04-10 02:25

    樓主問的是代碼啥意思?點(diǎn)擊當(dāng)前l(fā)i元素時(shí)給當(dāng)前l(fā)i添加className,同時(shí)移除先前添加的其他li的classMame。

    0 討論(0)
  • 給每個(gè)li綁定onclick事件后,當(dāng)你點(diǎn)擊某個(gè)li節(jié)點(diǎn),那么onclick里的this指向的就是你點(diǎn)擊的那個(gè)li節(jié)點(diǎn)了。然后對(duì)li這個(gè)數(shù)組就行遍歷,尋找到你當(dāng)前點(diǎn)擊的那個(gè)li節(jié)點(diǎn)的[下標(biāo)]。而li和div是一一對(duì)應(yīng)的,使用你找到的[下標(biāo)]就可以對(duì)div進(jìn)行操作了。

    0 討論(0)
提交回復(fù)
最新問題
分辨率和像素什么關(guān)系? 1
hk1 box無故重啟 1
治女性不孕哪里好 1
什么機(jī)頂盒可以玩和平精英 1
檢查不孕項(xiàng)目費(fèi)用 1
長(zhǎng)虹中學(xué)2022年普高率 1
風(fēng)行電視卡在開機(jī)畫面一直不動(dòng)了如何辦? 1
去醫(yī)院怎么檢查輸卵管堵 1
2021騏達(dá)音響什么牌子 1
海信crf6a16電視型號(hào) 1
猜你喜歡
2025福州公立醫(yī)院做三代試管費(fèi)用要多少,但有費(fèi)用補(bǔ)助!
做三代試管需要花多少錢!無隱藏陷阱!
貴州私人機(jī)構(gòu)做試管嬰兒大概要花費(fèi)多少錢?包括哪幾方面!
天津三代試管要花多少錢?三代試管費(fèi)用大揭秘
為什么做試管費(fèi)用會(huì)存在差異?有低有高!
孕婦開胃的飲食注意事項(xiàng),懷孕吃不下飯?jiān)趺凑{(diào)理?
試管嬰兒過程痛苦嗎!附試管費(fèi)用組成!
呼和浩特做三代試管嬰兒技術(shù)如何;附技術(shù)的優(yōu)勢(shì)?費(fèi)用是多少錢!
銀川58歲做三代試管費(fèi)用明細(xì)一覽,準(zhǔn)備10萬夠不夠!
孝感第三代試管孩子多還是孩子多,胚胎要多少錢!
熱門文章
2025重慶地下助孕機(jī)構(gòu)有哪家?
泰國(guó)能未婚助孕生子機(jī)構(gòu)名單一覽 成功率包你滿意
昆明做三代試管嬰兒的大約多少錢?有哪些選擇誤區(qū)?
泰國(guó)三代試管私人機(jī)構(gòu)聯(lián)系方式
私人機(jī)構(gòu)做三代試管嬰兒大概費(fèi)用詳細(xì)一覽
深圳有沒有能做三代試管的私立醫(yī)院?一次看完詳細(xì)介紹
泰國(guó)三代試管嬰兒生孩子費(fèi)用揭秘
重慶做三代試管比較好的私立醫(yī)院排名公布,醫(yī)生為您精心推薦
國(guó)內(nèi)做三代試管去哪家私立醫(yī)院?醫(yī)生推薦名單一覽
泰國(guó)試管嬰兒?jiǎn)紊砼阅芊窈戏ǎ?/a>
〖今日關(guān)注〗吉林試管嬰兒助孕懷孩子
科普課堂|2025湖北做三代試管最厲害的醫(yī)院受騙
本月發(fā)布:南陽(yáng)試管嬰兒:南陽(yáng)試管嬰兒費(fèi)用一般是多少
答疑解惑:〖實(shí)用知識(shí)〗甘肅試管嬰兒成功的醫(yī)院
科普資訊|【遼寧試管費(fèi)用】做試管去遼寧哪個(gè)醫(yī)院好
泰國(guó)三代試管嬰兒醫(yī)院在哪里
說一說試管嬰兒三代試管費(fèi)用一般多少(試管三代試管聯(lián)系方式)
全國(guó)十大試管醫(yī)院成功率排名,北醫(yī)三院、湘雅醫(yī)院均上榜
泰國(guó)哪個(gè)第三代試管嬰兒醫(yī)院
去泰國(guó)做試管嬰兒需要多少錢?準(zhǔn)備30萬夠嗎?
哈薩克斯坦做試管價(jià)格是怎樣的?花費(fèi)明細(xì)是什么?
免疫系統(tǒng)激素水平低在百色做試管費(fèi)用高嗎附操作方法及方案建議
美國(guó)加州試管嬰兒花費(fèi)是多少錢?需要準(zhǔn)備多少錢夠用?
2024年哈薩克斯坦三代試管醫(yī)院成功率排行,哪家醫(yī)院更優(yōu)?專業(yè)試管指南
哈薩克斯坦做試管多少錢?準(zhǔn)備花費(fèi)是多少錢?
廣告合作方 廣告申請(qǐng)