创建删除函数不要用带参的创建代码

来源:9-22 编程练习

沉迷学习不能自拔_

2017-01-19 21:34

能不能帮我看下为什么我的删除函数为什么没有用,创建删除函数不要用带参的创建。 就看删除函数就可以了

写回答 关注

1回答

  • 沉迷学习不能自拔_
    2017-01-19 21:35:09

    <!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(){
                     
         // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
            
      
        
     
      }
        
          // 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
         function aaa(){
        var a=document.createElement("td");
        var b=document.createElement("td");
        var c=document.createElement("td");
             var a1=document.createTextNode("1");
             var b1=document.createTextNode("2");
             var c1=document.createTextNode("删除");
             a.appendChild(a1);
             b.appendChild(b1);
             c.appendChild(c1);
             document.body.appendChild(a);
             document.body.appendChild(b);
             document.body.appendChild(c);
         }
          
        
         // 创建删除函数
         function abc(){
             var a=document.getElementsByTagName("td");
             var b=a.parentNode.parentNode;
             var c=a.parentNode;
              b.removeChild(c);
            
            
         }


      </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="abc();" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
        </tr>

        <tr>
      <td>xh002</td>
      <td>刘小芳</td>
      <td><a href="javascript:;" onclick="abc();" >删除</a></td>   <!--在删除按钮上添加点击事件  -->
        </tr> 

        </table>
        <input type="button" value="添加一行" onclick=aaa()  />   <!--在添加按钮上添加点击事件  -->
     </body>
    </html>


JavaScript进阶篇

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

468193 学习 · 21891 问题

查看课程

相似问题