JavaScript_动态表格_删除功能

1、动态表格_删除功能 

    
    
    


                        

                            
                            
                            
                            
                        
                        

                            
学生信息表
                            

                                
编号
                                
姓名
                                
性别
                                
操作
                            
                            

                                
1
                                
张三丰
                                
男
                                
删除 
                            
                            

                                
2
                                
张翠山
                                
男
                                
删除 
                            
                            

                                
3
                                
张无忌
                                
男
                                
删除 
                            
                        

                

2、delTr 

// 定义删除指定tr标签的函数             
function delTr(obj) {
    // 获取包含要删除的tr标签的table标签                
    let table = obj.parentNode.parentNode.parentNode;
    // 获取要删除的tr标签
    let tr = obj.parentNode.parentNode;
    // 从table标签中移除tr标签
    table.removeChild(tr);    
}
//这段HTML函数用于删除一个特定的tr元素，它首先通过obj获取到包含该元素的table元素，然后获取到要删除的tr元素，并从table中移除该tr元素。

 

在JS中，parentNode是一个DOM属性，代表当前节点的父节点。也就是说，每个节点（除了根节点）都有父节点，parentNode可以用来访问这个父节点。例如，如果element是一个DOM元素节点，那么element.parentNode就是它的父元素节点。

在JavaScript中，parentNode是一个DOM节点属性，它表示当前节点的父节点。换句话说，它存储了当前节点的直接父元素，可以通过该属性访问该节点的父级元素。例如，如果要访问某个元素的父元素，可以使用以下代码：

var parentElement = element.parentNode;

其中，element是要查找其父元素的元素。