为什么新添加的行没有鼠标经过事件

来源:9-22 编程练习

小菜鸟飞

2016-08-10 15:59

 

    window.onload=function(){

var tr = document.getElementsByTagName("tr");

for(var i=0;i<tr.length;i++){

colorchange(tr[i]);

}

function colorchange(obj){

 obj.onmouseover=function(){

 obj.style.backgroundColor="#f2f2f2";

 }

 obj.onmouseout=function(){

 obj.style.backgroundColor="#fff";

  }  

 

}

 

}

             

      // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;

     function add(){

         var objnode = document.getElementById("table");

         var newnode= document.createElement("tr");

         

         var newnode1=document.createElement("td");

         newnode1.innerHTML="xh003";

        

         var newnode2=document.createElement("td");

         newnode2.innerHTML="李晓红";

         

         var newnode3=document.createElement("td");

         newnode3.innerHTML="<a href='javascript:;' onclick='del(this)' >删除</a>";

objnode.appendChild(newnode);

newnode.appendChild(newnode1);

newnode.appendChild(newnode2);

         newnode.appendChild(newnode3);

         

var tr = document.getElementsByTagName("tr");

for(var i=0;i<tr.length;i++)

            {

colorchange(tr[i]);

}

         

     }


写回答 关注

3回答

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题