HTML中动态的增加和删除表格中的一行

利用HTML，CSS和JavaScript三种技术完成表格页面级的操作，具体内容如下：

（1）利用HTML编写网页： “编号”、“姓名”、“性别”三个文本框，“添加”按钮，一个“学生信息表”表格；

（2）利用CSS设置表格的样式：实线边框，文本居中；

（3）运用JavaScript DOM技术实现表格增加和删除记录。

页面效果如下：

 

 

图1  初始界面

 

 

图2  添加记录

 

 

图3 删除记录

    
    
    
    

    




    

        编号：
        姓名：
        性别：
        操作：
        
     
  

    
        

            
学生信息表
            

                
编号
                
姓名
                
性别
                
操作