对象的属性设置问题

tr是创建的行的对象

1.按照下面代码，

tr.lastChild.firstChild.onclick="deleteNode(this);";

tr.onmouseover="this.style.background='yellow'";

tr.onmouseout="this.style.background='#fff'";

console.log("打印tr.lastChild.firstChild.onclick内容:"+tr.lastChild.firstChild.onclick);

console.log("打印tr.onmouseover内容:"+tr.onmouseover);

console.log("打印tr.onmouseout内容:"+tr.onmouseout);

通过console.log输出的都为null，不能正常执行，为什么？？？

2.按照下面代码

tr.lastChild.firstChild.onclick=function(){

deleteNode(this);

}

tr.onmouseover=function(){

this.style.background="yellow"; 

}

tr.onmouseout=function(){

this.style.background="#fff"; 

}

通过console.log输出的都正常，能够正常执行。

3.通过下列代码

tr.lastChild.firstChild.setAttribute("onclick","deleteNode(this);");

tr.setAttribute("onmouseover","this.style.background='yellow'");

tr.setAttribute("onmouseout","this.style.background='#fff'");

通过console.log输出的都正常，能够正常执行。