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