包含右側(cè)豎型選項(xiàng)卡js代碼的詞條
親,你的js代碼有誤,改一下,改成這樣就可以了 windowonload=functionvar oBox=documentgetElementById#39box#39var oBtn=oBoxgetElementsByTagName#39input#39var oAcd=oBoxgetElementsByTagName#39div#39var。
第一步,當(dāng)然是先寫html代碼和css樣式 lt!DOCTYPE html無(wú)標(biāo)題文檔body,ul,limargin0 padding0 font12px15 arialul,liliststylewrapwidth500px margin20px autohidedisplay。
產(chǎn)品的內(nèi)容 案例中心的內(nèi)容 至于class=“content”可以是你自己加上的為了便于jQuery獲取,沒(méi)有這個(gè)樣式類 documentreadyfunction var tabs = $#39nav a#39var cons = $#39main divcontent#39tabs。
第一個(gè)建議,用一個(gè)現(xiàn)成的選項(xiàng)卡組件,可能會(huì)更省事第二個(gè)建議,如果一定要自已實(shí)現(xiàn)的話,那么頁(yè)面輸出時(shí),控制哪個(gè)標(biāo)簽應(yīng)該是選中的,會(huì)比較簡(jiǎn)單,比如放個(gè)隱藏域來(lái)保存當(dāng)前選中的索引,頁(yè)面載入時(shí)切換到指定的索引,當(dāng)。
i eonclick=function documentquerySelectorquotcontentquotinnerHTML=#39選項(xiàng)卡#39+i+1+#39內(nèi)容#39 附注你的代碼從思路上就已經(jīng)錯(cuò)了,比如說(shuō)你把函數(shù)聲明直接放到循環(huán)中,這就大錯(cuò)特錯(cuò)了。
點(diǎn)擊onclick=quotka1,觸發(fā)函數(shù)kai,把“1”傳到“i”中執(zhí)行for循環(huán),循環(huán)數(shù)為j,j從1循環(huán)到2documentgetElementByIdquotkaquot+j被執(zhí)行兩次,得到documentgetElementByIdquotkaquot+1和documentgetElementByIdquotkaquot。
尊敬的用戶,您好很高興為您答疑您的dom對(duì)象獲取有問(wèn)題啊其實(shí)像這種略有有點(diǎn)復(fù)雜的操作,建議優(yōu)先考慮引入jQuery框架,可以讓您的代碼更加優(yōu)雅下面是我實(shí)現(xiàn)的一組tab效果的js示例function setTabobj,type quotli。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。