js在加载事件中获得符号标签的问题

页面中有5哥spandocument.getElementsByTagName("html").onload=load();
function load()
{
    for(var i=1;i<5;i++)
    {
        document.getElementById("link"+i.toString()).disabled=true;
    }
//    document.getElementById("link1").disabled=false;
//    document.getElementById("link2").disabled=false;
//    document.getElementById("link3").disabled=false;
//    document.getElementById("link4").disabled=false;
    
    var element= document.getElementsByTagName("span");
    
    for (i=0;i<5 ;i++)
    {
        
        alert(element.length);           /////问题是这里返回的值为什么为0，循环再下面执行不下去了
    element[i].style.width=20+"px";
    element[i].style.height=20+"px";
    element[i].style.border="solid"+1+"px"+"#d0d0d0";
    element[i].style.background="url(../images/bg"+i.toString()+".jpg)";
    }
    alert("呵呵");
}document.getElementsByTagName("span")[0].onclick=bgchage("link");
 for (var i=1;i<5 ;i++)
    {
        document.getElementsByTagName("span")[i].onclick=bgchage("link"+i.toString());
    }
//document.getElementsByTagName("span")[0].onclick=bgchage("link");
//document.getElementsByTagName("span")[1].onclick=bgchage("link1");
//document.getElementsByTagName("span")[2].onclick=bgchage("link2");
//document.getElementsByTagName("span")[3].onclick=bgchage("link3");
//document.getElementsByTagName("span")[4].onclick=bgchage("link4");
function bgchage(bg)
{
//    document.getElementById("link").disabled=false;
//    document.getElementById("link1").disabled=false;
//    document.getElementById("link2").disabled=false;
//    document.getElementById("link3").disabled=false;
//    document.getElementById("link4").disabled=false;document.getElementById("link").disabled=false;
    
    for (var i=1;i<5 ;i++)
    {
    
   document.getElementById("link"+i.toString()).disabled=false;    }
    
    document.getElementById(bg).disabled=true;
}