求助，JS下，通过类名获取对象无效的问题

[Olivert_Vz]

getElementsByTagName()和getElementById()都没问题，唯独getElementsByClassName()无法执行，用的chrome应该不是浏览器问题，求抓BUG。

<script type="text/javascript">
window.onload = function(){
var la = document.getElementById("jerk");
var lis = document.getElementsByTagName('li');
var divs = document.getElementsByClassName("f-r");
for(i=0;i<lis.length;i++){
divs[i].style.backgroundImage='url(../bg/bg'+i+'.jpg)';
lis[i].index= i;
lis[i].onmouseover = function(){
for(i=0;i<lis.length;i++){
lis[i].className="js";
divs[lis[i].index].style.display = "none";
divs[lis[i].index].className="";
}
this.className='jj';
jerk.innerHTML='所选中对象的索引值为'+this.index;
divs[this.index].style.display = 'block';
}
}
}
</script>

[天际的海浪]

getElementsByTagName()也是如此

[天际的海浪]

因为document.getElementsByClassName()返回的集合是动态实时更新的。 当你改变了集合中元素的className,此元素就会自动从集合中移除。 如 <div class="a"></div> <script type="text/javascript"> var as = document.getElementsByClassName("a"); alert(as.length);//输出1 as[0].className = ""; alert(as.length);//输出0 </script>