一个小的js问题

<script language='javascript'>
function setClassName(){
var kk;
for(i=1;i<5;i++){  
  kk=2+i;
  document.getElementById('o'+i).className ='a'+kk;
  //alert('o'+i);
}
}
</script>
</head><body onload="setClassName();" >
<li id="o1"></li>
<li id="o2"></li>
<li id="o3"></li>
<li id="o4"></li>li对应的class应该改为a3、a4、a5、a6
但是页面打开，js没有报错，但是并没有改变class，为什么？