制作一个表格，显示班级的学生信息-白红宇

制作一个表格，显示班级的学生信息

阅读量：5065 次

发布时间：2019-06-12

本文共 951 字，大约阅读时间需要 3 分钟。

要求：

1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fff

2. 点击添加按钮，能动态在最后添加一行

3. 点击删除按钮，则删除当前行

任务

第一步：首先，我们创建删除函数，并在删除按钮上添加点击事件；

提示: 使用removeChild()。

第二步：编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

提示: 使用createElement()、innerHTML、appendChild()。

第三步：更改鼠标移动改变背景则可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

1  2  3   4    new document    5   
            6    65   66   67        
        
         68        
           69         
70         
71         
72        
  73 74        
           75         
76         
77         
78        
79 80        
           81         
82         
83         
84        
  85 86        
                              学号            姓名            操作           
                     xh001            王小明            删除                         
                     xh002            刘小芳            删除                         
         
        
87           
        88  89