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

除了删除做出来了其他都有问题啊,求大神!

哎,我也不知道该咋个做了,求大神指点啊

提问者:惑烨烬 2015-07-08 16:19

个回答

  • cai鸟
    2015-07-08 17:36:46
    已采纳

    <!DOCTYPE html>
    <html>
     <head>
      <title> new document </title>  
      <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
      <script type="text/javascript"> 
          window.onload = function(){
         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
            var chgtr=document.getElementsByTagName("tr"); 
            for (i=0;i<chgtr.length;i++){
                chgtr[i].onmouseover=show;
                chgtr[i].onmouseout=hidden;
            }
         }
          function show(){
              this.style.backgroundColor="#f2f2f2";
          }
          function hidden(){
              this.style.backgroundColor="#fff";
          }
         
          // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
         function doadd(){
             var table=document.getElementById("table");
             var trnum=document.getElementsByTagName("tr").length;
             var newtr=document.createElement("tr");
             var newxh=document.createElement("td");
             var newxm=document.createElement("td");
             var newcz=document.createElement("td");
           
             newcz.innerHTML="<td><a href='javascript:;' onclick='del(this)' >删除</a></td>";
             table.appendChild(newtr);
             newtr.appendChild(newxh);
             newtr.appendChild(newxm);
             newtr.appendChild(newcz);
    
            if(trnum<10){
                newxh.innerHTML="xh00"+trnum;
            }else if(trnum>=10&&trnum<100){
                newxh.innerHTML="xh0"+trnum;
            }else{
                newxh.innerHTML="xh"+trnum;
            }
             
         }
         // 创建删除函数
         function del(td){
             var deltr=td.parentNode.parentNode;
             deltr.parentNode.removeChild(deltr);
         }
      </script> 
     </head> 
     <body> 
           <table border="1" width="50%" id="table">
           <tr >
            <th>学号</th>
            <th>姓名</th>
            <th>操作</th>
           </tr>  
    
           <tr>
            <td>xh001</td>
            <td>王小明</td>
            <td><a href="javascript:;" onclick="del(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
           </tr>
    
           <tr>
            <td>xh002</td>
            <td>刘小芳</td>
            <td><a href="javascript:;" onclick="del(this)" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
           </tr>  
    
           </table>
           <input type="button" value="添加一行" onclick="doadd()"  />   <!--在添加按钮上添加点击事件  -->
     </body>
    </html>


  • cai鸟
    2015-07-09 11:15:21

    chgtr[i].onmouseover=show;是指向该函数chgtr[i].onmouseover=function(){

              this.style.backgroundColor="#f2f2f2";

          };

    chgtr[i].onmouseover=show();是调用该函数的返回值、