# 前端教学项目

**Repository Path**: tsyg/frontend_teaching_project

## Basic Information

- **Project Name**: 前端教学项目
- **Description**: 前端教学项目
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 72
- **Created**: 2018-08-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

5，继续升级tableDemo.html文件
完成纯JS的表格增删操作。可以直接使用DOM操作，也可以是使用DOM Table操作。 1，选择具体的行（可以选择多行）后，点击删除按钮，相应的行被删除。

2，点新增按钮，显示新增组件，隐藏table组件。输入要新增的用户信息后，点击提交按钮。显示table组件，隐藏新增组件，同时将新的数据以表中新行的形式追加到tbody的尾部。

3，更高级的任务（选做）：完成修改流程。

思路：选择具体行（只能选择一行）后，点击修改按钮，显示出新增组件，其中的文本框中显示相应内容。修改后，点击提交，回到table组件，页面信息被修改。

注意：由于已经使用了可编程技术，所以修改任务是附加任务，而且本身难度较大。有余力的同学可以尝试一下。