鼠标悬停的时候改变class名字，我js代码哪里错了

Question

window.onload=function(){

  var arr=document.getElementById("arr");

   var top=document.getElementById("top");

    var title=document.getElementById("title");

    var list=document.getElementById("list");

    var sub=document.getElementsByClassName("sub-item");

    var qte=document.getElementsByClassName("qllogS-title");

    var item=document.getElementsByClassName("item");

    var qlog=document.getElementsByClassName("qllogs-list");

    function int(){

        for(var i=0;i<item.length;i++){

            item[i].i=i;

            item[i].onmouseover=function(){

                qlog.item.className="sub-item";

                    sub[this.i].style.display="block"

                        };

            item[i].onmouseout=function(){

                sub[this.i].style.display="none"

            }

                    }

                }

    int();

};