鼠标悬停的时候改变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();};