无法切换标签，点击之后全部隐藏了

window.onload=function()
    {
    var tab=document.getElementById("title");
    var list=tab.getElementsByTagName("li");
    var mybody=document.getElementById("body");
    var bodylist=mybody.getElementsByTagName("div");
    for(var i=0;i<list.length;i++)
    {
    list[i].onclick =function(){
    for(var j=0;j<list.length;j++){
    bodylist[j].className="hide";
    }
   
    bodylist[i].className="on";
   
    }
    }
        
    }

这是我写的循环部分，但是好像i的值并没有每次都生成点击事件，而是最终的结果为3.