静态html页面：

    
             
         
      
               
                    
                         
名字
                         
性别
                         
 
                    
                    
                         
                    tom                
                         
男
                         
删除
                    
                    
                         
jay
                         
男
                         
删除
                    
                    
                         
小明
                         
男
                         
删除
                    
               
          
      
--------------------添加操作---------------------
    name:
          male:
          
      
     

静态页面效果：

通过使用JavaScript代码  使该页面完成以下效果：

点击删除时  弹窗确认(删除jay)

 

 单击确定 实现jay节点的删除

输入内容  进行添加(添加节点)

 单击添加  内容添加至上边的表格中(添加一个节点)

同时保证这个刚添加的节点  也能过正常实现删除

JavaScript代码：