如何使用JavaScript实现一个简单的动态表格,实现添加一行和删除一行表格(两种方法)

1方法一:  使用table的insertRow()方法插入一行,使用table.removeChild(tr)删除一行,具体的代码如下:




    
    Title
    


       

学生信息表

编号 姓名 性别 操作

2.方法二:  使用JavaScript里面的DOM的各种对象,通过appendChild()方法(向节点的子节点列表的结尾添加新的子节点)插入新1的一行,使用table.removeChild(tr)删除一行,具体的代码如下:




    
    动态表格

    




学生信息表
编号 姓名 性别 操作

表格展示:如何使用JavaScript实现一个简单的动态表格,实现添加一行和删除一行表格(两种方法)_第1张图片

如何使用JavaScript实现一个简单的动态表格,实现添加一行和删除一行表格(两种方法)_第2张图片

 如何使用JavaScript实现一个简单的动态表格,实现添加一行和删除一行表格(两种方法)_第3张图片

 

 

你可能感兴趣的:(JavaScript,javascript,前端)