黑马程序员-动态表格（删除部分）

黑马程序员-动态表格（删除部分）

1.思路整体：运用html、css、javascript实现动态表格（增加、删除功能） 。

1. 获取a标签
2. 执行删除操作

2.通过网页效果以及html代码可知，单独获取a标签有点困难。因此直接给a标签加上属性onclick,通过调用删除方法即可执行删除操作

3.删除方法：很明显只需要把a标签对应的tr删除即可。可以通过a标签的父节点..查找到table。同理查找tr标签。最后用removeChild()方法删除tr：即：

table.removeChild(tr);

4.删除方法代码：

function delTr(obj) {
                    var table = obj.parentNode.parentNode.parentNode;
                    var tr=obj.parentNode.parentNode;
                    table.removeChild(tr);
                }

5.最后不要忘了还要给新添加的a标签设置onclick属性。

6.动态表格完整代码：

    
    
    


            

                
                
                
                
            
            

                
学生信息表
                

                    
编号
                    
姓名
                    
性别
                    
操作
                
                

                    
1
                    
令狐冲
                    
男
                    
删除
                
                

                    
2
                    
任我行
                    
男
                    
删除
                
                

                    
3
                    
岳不群
                    
？
                    
删除