求大神調(diào)試https://codepen.io/xyj/pen/KR...

在沒改變下拉箭頭朝向時效果圖：

一切正常，點條目出現(xiàn)詳情?，F(xiàn)在我想在出現(xiàn)詳情時改變箭頭朝向。于是我想用改變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)
    }
}

開始點兩個條目沒事，后來就出現(xiàn)異常

Cannot set property 'className' of undefinedat HTMLDivElement