效果问题?

  var lis=document.getElementsByTagName("li");

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

 lis[i].i=i;

 lis[i].onmouseover=function(){

 this.className = "lihover";

 var h0=(this.i*30)+50;

 var x=this.getElementsClassName("content").offsetHeight;

 var h=this.getElementsClassName("content").style.top+x;

   if(h<h0){

this.getElementsClassName("content").style.top=h0+"px";

}

   if(h>550){

 this.getElementsClassName("content").style.top="3px";

 }

}

为什么把getElementsByTagName("div")改为getElementsClassName("content")就不可以实现相同的效果