表格是我们前端开发,尤其是后台管理项目时经常遇到的问题,主要就是增删改查功能,这里写一下js版本的表格
最终效果图:
HTML代码:



因为屏幕原因,没法一次截上来,只能这样了。
CSS代码

css代码并不复杂,借不多解释了。
js代码:

先获取元素
点击删除功能


第一个删除数据是原本写好的数据,即原本表格的里的数据(第一到第五),第二个删除数据是新增加的数据,两个虽然代码一样,但因为放的地方不同,删除的数据也就不一样了
查询功能

恢复原状

因为时间原因,没有写改动功能,下次再添加吧
原文:https://www.cnblogs.com/s272/p/14961331.html