对象的属性设置问题
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输出的都正常,能够正常执行。