目录
思路
先讲一下思路,个人认为这个是比较简单,容易理解的。首先,我们创建一个数组,里面存入一些对象数据。然后我们通过遍历数组,得到对象,放到对应的表格中。然后我们实现添加功能,通过获取对应的输入框的值,存到一个对象中,然后通过数组函数push将存储的对象添加到数组中,再将原本的表格移除以后重新遍历数组,就能够将添加过数据的数组遍历到表格当中。删除修改和查询的思路也类似,就是通过操纵数组,再清表,重新遍历实现。话不多说,直接上代码!
一、布局
先用标签将页面布局
<body>
<div class="nav">
<input type="text" class="form-control" placeholder="请输入查询的信息" />
<button type="button" class="btn btn-primary" onclick="vagueSel()">查询</button>
</div>
<div class="box1">
<form action="" method="">
<span>姓名</span> <input type="text" class="form-control" />
<span>年龄</span> <input type="number" class="