第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

多條目用js設(shè)置className,來動(dòng)態(tài)改變箭頭樣式時(shí)出錯(cuò)

多條目用js設(shè)置className,來動(dòng)態(tài)改變箭頭樣式時(shí)出錯(cuò)

犯罪嫌疑人X 2019-03-20 17:13:37
求大神調(diào)試https://codepen.io/xyj/pen/KR...在沒改變下拉箭頭朝向時(shí)效果圖:一切正常,點(diǎn)條目出現(xiàn)詳情?,F(xiàn)在我想在出現(xiàn)詳情時(shí)改變箭頭朝向。于是我想用改變className,調(diào)用不同樣式的方法,代碼如下:window.onload = function(){    var details = document.getElementsByClassName("detail");    var items = document.getElementsByClassName("items");    var flex = document.getElementsByClassName("flex");    var triA = document.getElementsByClassName("tri1");    var triB = document.getElementsByClassName("tri2");    j = [1,1,1,1]    for (var i = 0; i < details.length; ++i){        (function(i){            console.log(triA[i]);            details[i].addEventListener("click",function(){                if(j[i] > 0){                    items[i].style.display = "block";                    flex[i].innerText = "收起";                    triA[i].className = "tri3";                    triB[i].className = "tri4";                    j[i] = -j[i];                }                else if (j[i] < 0){                    items[i].style.display = "none";                    flex[i].innerText = "展開";                    triA[i].className = "tri1";                    triB[i].className = "tri2";                    j[i] = -j[i];                }            })        })(i)    }}開始點(diǎn)兩個(gè)條目沒事,后來就出現(xiàn)異常Cannot set property 'className' of undefinedat HTMLDivElement
查看完整描述

2 回答

?
心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

樓上把問題的原理都說清楚了不贅述了

why not嘗試一下document.querySelectorAll呢


查看完整回答
反對(duì) 回復(fù) 2019-04-02
  • 2 回答
  • 0 關(guān)注
  • 666 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)