请问我想更改li元素鼠标经过是的类名，这个怎么又问题，谢谢，刚学

Question

<style>
li{color:#000}
.overli{color:red}
</style>
<ul id="autoSuggestionsList">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
<script language="javascript">
<!--
//document.getElementById("autoSuggestionsList").getElementsByTagName("li").onmouseover=function (){this.className="overli";}//没有反应
//var obj=document.getElementById("autoSuggestionsList").getElementsByTagName("li")//or
var obj=document.getElementById("autoSuggestionsList").childNodes//(有时FF可能有问题)
for (var i=0;i<obj.length;++i){
obj[i].onmouseover=function (){this.className="overli"; } 
obj[i].onmouseout=function (){this.className=""; } 
}
//-->
</script>