急，如何动态添加事件

Question

附上代码:
var root=result.documentElement;
if(root){
var ul=document.createElement("ul");
ul.className="menuul";
var div=document.getElementById("menu");
if(root.childNodes.length!=0){
for(var i=0;i<root.childNodes.length;i++){
var li=document.createElement("li");
li.className="menuli";
li.innerHTML=name;
li.onmouseover=function(){
li.style.cursor="pointer";
li.style.color="#F00"
};
li.onmouseout=function(){
li.style.color="#000";
};
ul.appendChild(li);

}
div.appendChild(ul);
}else{
alert("根节点下没有子节点");
}
}else{
alert("不存在根节点");
}我想让li标签循环添加到ul中，但是不知道怎么给li添加事件。。我想为每个li添加一个mouseover和mouseout事件。。
目前这样写。。只有最后一个结果有事件。求助求助

Answer 1

闭包问题，直接换成this应该就可以解决li.onmouseover=function(){ 
this.style.cursor="pointer"; 
this.style.color="#F00" 
}; 
li.onmouseout=function(){ 
this.style.color="#000"; 
};