除了删除做出来了其他都有问题啊，求大神！-慕课网

首页课程实战体系课手记专栏慕课教程

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

来源：9-22 编程练习

惑烨烬

2015-07-08 16:19

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

写回答关注

2回答

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>

4 1

Rongdd

onclick="del(this)"，这里面的this是什么意思？

2015-07-20 11:32:42

共 4 条回复 >

cai鸟

2015-07-09 11:15:21

chgtr[i].onmouseover=show;是指向该函数chgtr[i].onmouseover=function(){
this.style.backgroundColor="#f2f2f2";
}；
chgtr[i].onmouseover=show();是调用该函数的返回值、

3 0

惑烨烬回复cai鸟

_(:з」∠)_ 原来如此明白了谢谢！

2015-07-09 13:42:53

共 3 条回复 >

JavaScript进阶篇

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

468191 学习 · 21891 问题

查看课程

相似问题

为什么全删除了？？？？？求大神

回答 2

遇到瓶颈了，删除任意删除实在是搞不来，求大神帮我看看吧

回答 1

删除问题求解

回答 3

删除问题求解？

回答 1

删除代码里的问题，，，请教大神！！

回答 1

打开慕课网App查看更多内容