问答详情
源自:9-22 编程练习

color();里面这三个是代表什么意思

 window.onload = function(){

          color();

      }       

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

     function color(){

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

for(i=1;i<list.length;i++){

    list[i].onmouseover=function(){this.style.backgroundColor="red"};

         list[i].onmouseout=function(){this.style.backgroundColor="#fff"};

     }

         

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

   

           function append(){

         var id=document.getElementById("table").lastChild; 

     

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

         id.appendChild(newnode);

           

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

          newnode1.innerHTML="xh003";

          newnode.appendChild(newnode1);

          

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

          newnode2.innerHTML="韦小宝"; 

          newnode.appendChild(newnode2);

          

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

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

          newnode.appendChild(newnode3);

           color();

         }

               


提问者:new新的开始 2016-10-17 10:47

个回答

  • weibo_有时我会发疯_04151068
    2016-10-17 14:12:06

     var list =document.getElementsByTagName("tr");  //获取所有<tr>放入数组list

    for(i=1;i<list.length;i++){   //循环

        list[i].onmouseover=function(){this.style.backgroundColor="red"};//设置第i行鼠标移入事件

             list[i].onmouseout=function(){this.style.backgroundColor="#fff"};//设置第i行鼠标移出事件