只能改变原有的tr行的颜色,新加的行颜色不变,请问大家这是什么原因?
window.onload = function(){
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
var mycol=document.getElementsByTagName("tr");
for (var i=0; i<mycol.length; i++){
mychange(mycol[i]);
}
}
function mychange(tr){
tr.onmouseenter=function(){
tr.style.backgroundColor="#f2f2f2";
};
tr.onmouseout=function(){
tr.style.backgroundColor="#fff";
};
}
window.onload表示在网页加载完成之后执行函数。所以这个函数只会在加载之后只会执行一次
需要再在添加函数中加入该函数
我用了事件委托